Ads.txt Alerts - Protect your revenue

voca.vn Ads.txt file

<html lang="vi">
<head>

<meta name="robots" content="noodp,index,follow" />
<meta name='revisit-after' content='1 days' />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="csrf-token" content="JzZOU6EXNsl96AAJVXUmIZ2vY9BWvNaKZf8PgQ4o"/>
<meta name="format-detection" content="telephone=no">
<meta name="zoom-domain-verification" content="ZOOM_verify_cc630dd37f5a4fef9d62769a646f68d7">

<meta name="google-site-verification" content="_RZIK8yqfM4fI5gQELt5oC39X1nzvzwyquYzjKyQgWc" />
<meta name="facebook-domain-verification" content="arxrfbd7qdy3wbhj8ueab3d31ayx0s" />
<link rel="canonical" href="https://www.voca.vn/blog"/>
<meta name="author" content="voca.vn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="fb:app_id" content="1554472698103925"/>
<meta property="fb:admins" content="100011896126791" />
<meta property="og:url" content="https://www.voca.vn/blog" />

<meta name="apple-itunes-app" content="app-id=1046416446">

<title>Blog Học Tiếng Anh Với VOCA | VOCA.VN</title>

<meta name="description" content="Cổng thông tin chính thức chia sẻ về phương pháp, kinh nghiệm và tài liệu học tiếng Anh với VOCA." />
<meta name="keywords" content="kien thuc tieng anh, kinh nghiem tieng anh, voca, voca.vn, blog tieng anh, tai lieu tieng anh, sach tieng anh, phuong phap hoc tieng anh, cach hoc tieng anh">
<meta property="fb:app_id" content="1554472698103925">
<meta property="og:title" content="Blog Học Tiếng Anh Với VOCA | VOCA.VN"/>
<meta property="og:description" content="Cổng thông tin chính thức chia sẻ về phương pháp, kinh nghiệm và tài liệu học tiếng Anh với VOCA." />
<meta property="og:url" content="https://www.voca.vn/blog"/>
<script type='application/ld+json'>
{
"@context":"http://schema.org",
"@type":"WebSite",
"@id":"#website",
"url":"https://www.voca.vn/blog",
"name":"Blog VOCA.VN",
"alternateName":"Blog VOCA.VN"

}</script>
<script>dataLayer=[{'pageCategory':'/blog/'}];</script>

<link href="https://www.voca.vn/assets/css/owl.carousel.min.css" rel="stylesheet" type="text/css"/>
<link href="https://www.voca.vn/assets/css/owl.theme.default.min.css" rel="stylesheet" type="text/css"/>
<link href="https://www.voca.vn/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link type="text/css" rel="stylesheet" href="https://www.voca.vn/assets/css/voca-main.css?n=2875"/>

<link href="https://www.voca.vn/assets/css/app.css?n=2875" rel="stylesheet" type="text/css"/>
<link type="text/css" rel="stylesheet" href="https://www.voca.vn/assets/css/blog.css?n=2875"/>

<script>

var fID = "";

var ueID = '';

var ipId = '';

if(typeof dataLayer == 'undefined' ){
dataLayer=[{'pageCategory':'/voca/blog/'}];
}

dataLayer.push({'uID':ueID});
</script>
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

<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-N7D4RDC');</script>


<script type="text/javascript" src="https://www.voca.vn/assets/js/lang-vi.js?n=2875"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/config.js?n=2875"></script>

<script>document.cookie = "w_screen="+window.innerWidth+"; path=/;domain=.voca.vn";</script>

<script>
/*!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

ttq.load('C9J0OERC77U5A68B5290');
ttq.page();
}(window, document, 'ttq');*/
</script>

<script type="text/javascript" src="https://www.voca.vn/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/popper.min.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/moment.min.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/owl.carousel.min.js"></script>
<script src="https://unpkg.com/@rive-app/canvas@2.7.0"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/voca-main.js"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/voca-application.js?n=2875"></script>
<script type="text/javascript" src="https://www.voca.vn/assets/js/app.js"></script>
</head> <body>

<style>
header{
background: #1CB0F6;
width: 100%;
height: 70px;
position: fixed;
z-index: 1001;
top: 0px;
}
header .header-menu-content{
max-width: 1170px;
padding: 0px 15px;
margin: auto;
}
.header-menu-content .header-menu-item{
float: left;
height: 100%;
align-items: center;
display: flex;
flex-direction: row;
}
.header-menu-content .menu-item-left-menu a{
display: block;
width: 24.816px;
height: 19.95px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=18") 0px -1200px;

}
.header-menu-content .header-menu-item.menu-item-cart{
float: right;
margin-left: 15px;
}
.header-menu-content .header-menu-item.menu-item-cart a{
color: #FFF;
font-size: 18px;
font-family: 'balootammasemibold';
margin-top: 5px;
display: inline-block;
margin-left: 6px;
}
.header-menu-content .header-menu-item.menu-item-cart a span{
font-family: 'balootammasemibold';
display: inline-block;
text-align: center;
width: 20px;
height: 20px;
background: #fff;
color: #1cb0f6;
font-size: 13px;
line-height: 22px;
border-radius: 20px;
float: right;
margin-left: -7px;
margin-top: -5px;
position: relative;
z-index: 1;
}
.header-menu-content .header-menu-item.menu-item-logo span{
display: block;
width: 92.732px;
height: 40.6px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=27") 0px -3180px;

}
.header-menu-content .header-menu-item.menu-item-bar{
float: left;
display: none;
margin-right: 10px;
}
.header-menu-content .header-menu-item.menu-item-bar a{
display: block;
width: 31.5px;
height: 19.205px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=27") 0px -3230px;
}

body.menu-mobile-open .header-menu-content .header-menu-item.menu-item-bar a{
width: 25.102px;
height: 25.102px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=27") 0px -3650px;
}

.header-menu-content .header-menu-item.menu-item-register{
float: right;
margin-left: 10px;
}
.header-menu-content .header-menu-item.menu-item-about{
float: right;
margin-left: 10px;
}
.header-menu-content .header-menu-item.menu-item-signin{
float: right;
margin-left: 45px;
}
.header-menu-content .header-menu-item.menu-item-price,
.header-menu-content .header-menu-item.menu-item-partner,
.header-menu-content .header-menu-item.menu-item-method,
.header-menu-content .header-menu-item.menu-item-community,
.header-menu-content .header-menu-item.menu-item-scholarship,
.header-menu-content .header-menu-item.menu-item-store,
.header-menu-content .header-menu-item.menu-item-premium,
.header-menu-content .header-menu-item.menu-item-library,
.header-menu-content .header-menu-item.menu-item-product,
.header-menu-content .header-menu-item.menu-item-project,
.header-menu-content .header-menu-item.menu-item-home{
float: right;
margin-right: 35px;
}

.header-menu-content .header-menu-item.menu-item-price a,
.header-menu-content .header-menu-item.menu-item-partner a,
.header-menu-content .header-menu-item.menu-item-method a,
.header-menu-content .header-menu-item.menu-item-community a,
.header-menu-content .header-menu-item.menu-item-scholarship a,
.header-menu-content .header-menu-item.menu-item-library a,
.header-menu-content .header-menu-item.menu-item-product a,
.header-menu-content .header-menu-item.menu-item-course a,
.header-menu-content .header-menu-item.menu-item-project a,
.header-menu-content .header-menu-item.menu-item-store a,
.header-menu-content .header-menu-item.menu-item-premium a,
.header-menu-content .header-menu-item.menu-item-home a{
font-size: 15px;
text-transform: uppercase;
color: var(--color-white);
font-family: promtmedium;
}
.header-menu-content .header-menu-item.menu-item-price.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-partner.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-method.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-community.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-scholarship.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-store.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-premium.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-library.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-product.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-project.menu-item-active a,
.header-menu-content .header-menu-item.menu-item-home.menu-item-active a{
color: #ffffff6b;
}
.header-menu-content .header-menu-item.menu-item-price a:hover,
.header-menu-content .header-menu-item.menu-item-partner a:hover,
.header-menu-content .header-menu-item.menu-item-method a:hover,
.header-menu-content .header-menu-item.menu-item-community a:hover,
.header-menu-content .header-menu-item.menu-item-scholarship a:hover,
.header-menu-content .header-menu-item.menu-item-store a:hover,
.header-menu-content .header-menu-item.menu-item-premium a:hover,
.header-menu-content .header-menu-item.menu-item-library a:hover,
.header-menu-content .header-menu-item.menu-item-product a:hover,
.header-menu-content .header-menu-item.menu-item-project a:hover,
.header-menu-content .header-menu-item.menu-item-home a:hover{
text-decoration: none;
}
.header-menu-content .header-menu-item.menu-item-signin a{
text-align: center;
background: #58CC02;
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-family: 'balootammabold';
border-radius: 16px;
border-bottom: 4px solid #65A20E;
height: 46px;
line-height: 48px;
width: 145px;
}

.header-menu-content .header-menu-item.menu-item-register a{
text-align: center;
background: #fff;
color: #0064D6;
font-size: 15px;
font-family: 'balootammabold';
border-radius: 17px;
text-transform: uppercase;
height: 46px;
line-height: 48px;
width: 107px;
border-bottom: 4px solid #5ACFFB;
}
.header-menu-content .header-menu-item.menu-item-register a:hover{
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}

.header-menu-content .header-menu-item.menu-item-about{
display: none;
}
.header-menu-content .header-menu-item.menu-item-about a{
text-align: center;
background: transparent;
color: var(--color-white);
border-bottom: 0;
font-size: 15px;
font-family: 'balootammamedium';
width: unset;
height: 46px;
border-radius: 10px;
line-height: 48px;
text-transform: uppercase;

}
.header-menu-content .header-menu-item.menu-item-about a:hover{
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}

.header-menu-content .header-menu-item.menu-item-library a,
.header-menu-content .header-menu-item.menu-item-product a,
.header-menu-content .header-menu-item.menu-item-project a,
.header-menu-content .header-menu-item.menu-item-word a,
.header-menu-content .header-menu-item.menu-item-ept a,
.header-menu-content .header-menu-item.menu-item-more a,
.header-menu-content .header-menu-item.menu-item-notification a,
.header-menu-content .header-menu-item.menu-item-me a{
display: flex;
flex-direction: row;
align-items: center;
}
.header-menu-content .header-menu-item.menu-item-library a span,
.header-menu-content .header-menu-item.menu-item-product a span,
.header-menu-content .header-menu-item.menu-item-project a span,
.header-menu-content .header-menu-item.menu-item-word a span,
.header-menu-content .header-menu-item.menu-item-ept a span,
.header-menu-content .header-menu-item.menu-item-more a span{
font-size: 15px;
font-family: promtmedium;
color: var(--color-text-light);
margin-left: 10px;
text-transform: uppercase;
}
.header-menu-content .header-menu-item:hover a{
text-decoration: none;
}

.header-menu-content .header-menu-item.menu-item-search{
margin-left: 30px;
position: relative;
}
.header-menu-content .header-menu-item.menu-item-search input{
height: 43px;
width: 239px;
position: absolute;
border: 1px solid var(--color-border-gray-light);
border-radius: 10px;
padding-left: 15px;
font-size: 13px;
font-family: promt;
color: var(--color-text-dark);
display: none;
}
.header-menu-content .header-menu-item.menu-item-search input::placeholder{
font-size: 13px;
color: var(--color-text);
font-family: promt;
}
.header-menu-content .header-menu-item.menu-item-search input:focus{
border: 1px solid var(--color-blue);
outline: none;

}
.header-menu-content .header-menu-item.menu-item-search a.search-icon{
display: flex;
flex-direction: row;
align-items: center;
}
.header-menu-content .header-menu-item.menu-item-search a.search-icon span{
color: var(--color-white);
text-transform: uppercase;
font-size: 15px;
font-family: promtmedium;
margin-right: 8px;
}

.header-menu-content .header-menu-item.menu-item-search .search-icon i{
display: block;
width: 20.955px;
height: 22.029px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=18") 0px -470px;
}
.header-menu-content .header-menu-item.menu-item-search.menu-item-active .search-icon i{
width: 61px;
height: 43px;
position: absolute;
border-radius: 10px;
z-index: 26;
right: -240px;
background: #5ECE00;
border-bottom: 3px solid #65A20E;
text-align: center;
line-height: 43px;
font-style: normal;
padding: 0;
}
.header-menu-content .header-menu-item.menu-item-search .search-icon i span{
display: none;
margin-right: 0px;
}
.header-menu-content .header-menu-item.menu-item-search.menu-item-active .search-icon i span{
display: inline-block;
}
.header-menu-content .header-menu-item.menu-item-search-content{
float: left;
width: 100%;
display: block;
max-width: 700px;
margin-left: 25px;
}
.header-menu-content .menu-item-search.menu-item-active input{
display: block;
}
.header-menu-content .menu-item-search.menu-item-active .search-icon{
display: none;
}
.menu-item-search .menu-search-content{
background: #fff;
position: absolute;
top: 70px;
padding: 0;
border: 2px solid var(--color-border-gray-light);
border-radius: 15px;
width: 600px;
display: none;
}
.header-menu-content .menu-item-search.menu-item-active .menu-search-content{
display: block;
}
.menu-item-search .menu-search-content .ul-menu-search{
padding: 0;
margin: 0 0px 2px;
}
.menu-item-search .menu-search-content::before{
content: '';
display: block;
position: absolute;
left: 100px;
width: 15px;
height: 15px;
background: #FFFFFF;
border-right: 2px solid var(--color-border-gray-light);
border-bottom: 2px solid var(--color-border-gray-light);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(-130deg);
top: -9px;
}
.menu-item-search .ul-menu-search li{
list-style: none;
width: 300px;
height: 45px;
}
.menu-item-search .ul-menu-search li.li-menu-search{
border-bottom: 1px solid var(--color-border-gray-light);
}
.menu-item-search .ul-menu-search li .ic-menu{
display: block;
height: 100%;
font-size: 15px;
color: var(--color-text);
line-height: 45px;
padding-left: 15px;
}
.menu-item-search .ul-menu-search .ul-menu-sub{
position: absolute;
left: 300px;
width: 300px;
top: 0px;
padding-left: 0;
background: var(--color-white);
min-height: 407px;
border-left: 1px solid var(--color-border-gray-light);
display: none;
}
.menu-item-search .ul-menu-search .li-menu-sub a{
display: block;
height: 35px;
font-size: 13px;
color: var(--color-text-light);
line-height: 35px;
padding-left: 15px;
font-family: promt;
}
.menu-item-search .ul-menu-search li .ic-menu i{
display: inline-block;
width: 30px;
height: 30px;
background: #f00;
float: left;
margin-top: 7px;
margin-right: 15px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=18");
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-level i{
background-position: 0 -1000px;
margin-right: 13px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-level i{
background-position: 0 -1040px;
}

.menu-item-search .ul-menu-search li .ic-menu.ic-menu-plan i {
background-position: 0 -850px;
width: 36.51px;
height: 36.46px;
margin-top: 3px;
margin-left: -5px;
margin-right: 11px;
}

.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-plan i{
background-position: 0 -890px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-vocabulary i {
background-position: 0 -790px;
width: 28px;
height: 28px;
margin-top: 8px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-vocabulary i{
background-position: 0 -820px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-grammar i {
background-position: 0 -650px;
width: 26.89px;
height: 26.81px;
margin-top: 9px;

}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-grammar i{
background-position: 0 -680px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-pronunciation i {
background-position: 0 -710px;
width: 19.84px;
height: 31.62px;
margin-top: 6px;
margin-left: 5px;
margin-right: 17px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-pronunciation i{
background-position: 0 -750px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-natural i {
background-position: 0 -590px;
width: 27.46px;
height: 23.72px;
margin-top: 10px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-natural i{
background-position: 0 -620px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-writing i {
background-position: 0 -530px;
width: 27.18px;
height: 27.18px;
margin-top: 8px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-writing i{
background-position: 0 -560px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-music i {
background-position: 0 -970px;
width: 25.5px;
height: 25.5px;
margin-top: 10px;
margin-right: 20px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-music i{
background-position: 0 -500px;
}
.menu-item-search .ul-menu-search li .ic-menu.ic-menu-certificate i {
background-position: 0 -930px;
width: 42.73px;
height: 9.58px;
margin-top: 17px;
margin-left: -7px;
margin-right: 10px;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-certificate i{
background-position: 0 -950px;
}
.menu-item-search .ul-menu-search li.li-menu-search:hover .ic-menu {
color: var(--color-blue);
}
.menu-item-search .ul-menu-search li.li-menu-search:hover .ul-menu-sub1{
display: block;
}

.menu-item-search .ul-menu-search li.li-menu-search li{
height: 35px;
}
.menu-item-search .ul-menu-search li.li-menu-search li:hover{
background: var(--color-gray-light);

}

.menu-item-search .ul-menu-search li.li-menu-search li:hover > a{
color: var(--color-blue);
}
.menu-item-search .ul-menu-search li.li-menu-search .li-menu-sub1:hover .ul-menu-sub2{
display: block;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-level{
color: #00a3f8;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-plan{
color: #3b5998;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-vocabulary{
color: #00c5f9;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-grammar{
color: #00d786;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-pronunciation{
color: #ffc432;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-natural{
color: #9df10b;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-writing{
color: #709eff;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-music{
color: #a73ad4;
}
.menu-item-search .ul-menu-search li:hover .ic-menu.ic-menu-certificate{
color: #00c5f9;
}

.header-menu-content .header-menu-item.menu-item-dot{
position: relative;
float: right;
margin-right: 35px;
}
.menu-item-dot a{
display: flex;
flex-direction: row;
align-items: center;
}
.menu-item-dot i{
display: block;
width: 31.5px;
height: 19.205px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=18") 0px -3230px;

}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content{
background: #fff;
position: absolute;
top: 60px;
left: -10px;
padding: 0;
border-radius: 10px;
width: 180px;
display: none;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more:hover .menu-more-content{
display: block;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more.menu-item-active .menu-more-content{
display: block;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content .ul-menu-more{
padding: 0;
margin: 0 0px 0px;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content::before{
content: '';
display: block;
position: absolute;
right: 45%;
width: 14px;
height: 14px;
background: #FFFFFF;
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
top: -7px;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li{
list-style: none;
width: 100%;
height: 50px;
padding-left: 5px;
padding-right: 5px;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li:hover{
background: #DDF4FF;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li a{
display: block;
height: 50px;
font-size: 13px;
color: var(--color-text-light);
line-height: 50px;
padding: 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li:last-child a{
border-bottom: 0;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li:first-child{
border-radius: 10px 10px 0px 0px;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li:last-child{
border-radius: 0px 0px 10px 10px;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li a span{
text-align: center;
margin-left: 0;
margin-right: 0px;
color: #4C4C4C;
display: block;
text-transform: none;
font-size: 15px;
font-family: balootammasemibold;
float: left;
margin: 0;
width: 100%;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li:hover a span{
color: #1CB0F6;
}

.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li a svg{
float: left;
margin-top: 15px;
margin-right: 15px;
opacity: 0.6;
}
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li a:hover span,
.header-menu-content .header-menu-item.menu-item-dot.menu-item-more .menu-more-content li a:hover svg{
opacity: 1;
}

.search-top-link{
font-size: 18px;
padding: 15px 18px;
display: block;
color: #4C4C4C;
font-family: 'promtbold';
border-bottom: 1px solid #e5e5e5;

}
.search-top-link.active{
color: #1CB0F6;
}
.search-top-link.active svg{
display: none;
}
.search-top-link:last-child{
border: 0;
}
.search-top-link:hover{
color: #1CB0F6;
text-decoration: none;
}
.search-top-link svg{
float: right;
margin-top: 6px;
}
.search-sub-nav{
display: none;
}
.search-sub-nav-content{
background: #F7F7F7;
}
.search-sub-nav-content .search-sub-link{
display: block;
padding: 8px 18px;
color: #AFAFAF;
font-size: 15px;
font-family: 'promtmedium';
width: 50%;
float: left;
}
.search-sub-nav-content .search-sub-link.active{
color: #1CB0F6;
}
.search-sub-nav-content .search-sub-link:hover{
color: #1CB0F6;
text-decoration: none;
}
.active + .search-sub-nav{
display: block;
border-bottom: 1px solid #ddd;
}

@media(max-width: 1100px){
.header-menu-content .header-menu-item.menu-item-price,
.header-menu-content .header-menu-item.menu-item-partner,
.header-menu-content .header-menu-item.menu-item-method,
.header-menu-content .header-menu-item.menu-item-community,
.header-menu-content .header-menu-item.menu-item-scholarship,
.header-menu-content .header-menu-item.menu-item-store,
.header-menu-content .header-menu-item.menu-item-premium,
.header-menu-content .header-menu-item.menu-item-library,
.header-menu-content .header-menu-item.menu-item-product,
.header-menu-content .header-menu-item.menu-item-project,
.header-menu-content .header-menu-item.menu-item-home{
margin-right: 22px;
}
.header-menu-content .header-menu-item.menu-item-price a, .header-menu-content .header-menu-item.menu-item-partner a, .header-menu-content .header-menu-item.menu-item-community a, .header-menu-content .header-menu-item.menu-item-scholarship a, .header-menu-content .header-menu-item.menu-item-method a, .header-menu-content .header-menu-item.menu-item-library a, .header-menu-content .header-menu-item.menu-item-product a, .header-menu-content .header-menu-item.menu-item-project a, .header-menu-content .header-menu-item.menu-item-store a, .header-menu-content .header-menu-item.menu-item-premium a, .header-menu-content .header-menu-item.menu-item-home a {
font-size: 14px;

}
}
@media(max-width: 1060px){
.header-menu-content .header-menu-item.menu-item-search a.search-icon span{
display: none;
}
.header-menu-content .header-menu-item.menu-item-search.menu-item-active .search-icon i{
right: -240px;
}
}
@media(max-width: 991px){
.header-menu-content .header-menu-item.menu-item-price,
.header-menu-content .header-menu-item.menu-item-partner,
.header-menu-content .header-menu-item.menu-item-method,
.header-menu-content .header-menu-item.menu-item-community,
.header-menu-content .header-menu-item.menu-item-scholarship,
.header-menu-content .header-menu-item.menu-item-store,
.header-menu-content .header-menu-item.menu-item-premium,
.header-menu-content .header-menu-item.menu-item-library,
.header-menu-content .header-menu-item.menu-item-product,
.header-menu-content .header-menu-item.menu-item-project,
.header-menu-content .header-menu-item.menu-item-home,
.header-menu-content .header-menu-item.menu-item-course{
display: none;
}

}
@media(max-width: 767px){
/*.header-menu-content .header-menu-item.menu-item-dot,
.header-menu-content .header-menu-item.menu-item-register{
display: flex;
}*/
.header-menu-content .header-menu-item.menu-item-left-menu,
.header-menu-content .header-menu-item.menu-item-course{
display: none;
}

.header-menu-content .header-menu-item.menu-item-about{
display: none;
}
.header-menu-content .header-menu-item.menu-item-cart{
display: none;
}
.header-menu-content .header-menu-item.menu-item-signin a{
width: 81px;
padding: 0;
background: transparent;
color: #fff;
border: 0;
font-family: 'balootammamedium';
display: none;
}
.header-menu-content .header-menu-item.menu-item-signin{
margin-left: 8px!important;
}
.header-menu-content .header-menu-item.menu-item-signin a{
width: 89px;
}
.header-menu-content .header-menu-item.menu-item-signin a span{
display: none;
}
.header-menu-content .header-menu-item.menu-item-bar{
display: flex;
}
.header-menu-content .header-menu-item.menu-item-search {
margin-left: 15px;
position: absolute;
left: 130px;
}
/*header {
height: 58px;
}
body {
padding-top: 58px;
}*/
.header-menu-content .header-menu-item.menu-item-logo span{
display: block;
width: 92.732px;
height: 40.6px;
background-position: 0px -3180px;
transform: scale(0.85);
margin-left: -5px;
}
.header-menu-content .header-menu-item.menu-item-search{
margin-left: 15px;
transform: scale(0.85);
}
.header-menu-content .header-menu-item.menu-item-search input {
width: 235px;
}
.header-menu-content .header-menu-item.menu-item-search.menu-item-active .search-icon i span{
display: none;
}
.header-menu-content .header-menu-item.menu-item-search.menu-item-active .search-icon i{
width: 19px;
height: 19px;
display: inline-block;
background: url("https://www.voca.vn/assets/images/menu.svg?n=18") 0px -3260px;
right: -230px;
border: 0;
}
.header-menu-content .menu-item-search.menu-item-active .menu-search-content{
left: 0;
width: 100%;
position: fixed;
border-radius: 0;
}
.menu-item-search .menu-search-content::before{
left: calc(50% - 15px);
}
.search-top-link{
font-size: 15px;
}

.header-menu-content .header-menu-item.menu-item-logo{
transform: scale(0.8);
margin-left: -10px;
margin-right: -10px;
position: absolute;
left: 50%;
transform: translate(-50%);
}
}
</style>


<header class="voca-header-menu">
<div class="header-menu">

<div class="header-menu-content">
<div class="menu-content">
<div class="header-menu-item menu-item-left-menu hidden">
<a href="javascript:void(0)"></a>
</div>

<div class="header-menu-item menu-item-bar" >
<a href="javascript:void(0)"><span style="margin-left: 40px;color: #fff;font-size: 15px;text-transform: uppercase;">MENU</span></a>
</div>

<div class="header-menu-item menu-item-logo">
<a href="https://www.voca.vn">
<span></span>
</a>
</div>

<div class="header-menu-item menu-item-search hidden">
<a href="javascript:void(0)" class="search-icon"><i><span>Tìm</span></i></a>
<input type="text" placeholder="Tìm kiếm" />

<div class="menu-search-content">
<div class="nav-search-content">
<a href="javascript:void(0)" data-target="#skill" class="search-top-link search-nav-link active">
<span>Skills: Các khóa học theo kỹ năng</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/library/vocabulary" class="search-sub-link ">
<span>Từ vựng</span>
</a>
<a href="https://www.voca.vn/library/grammar" class="search-sub-link ">
<span>Ngữ pháp</span>
</a>
<a href="https://www.voca.vn/library/pronunciation" class="search-sub-link ">
<span>Phát âm</span>
</a>
<a href="https://www.voca.vn/library/natural-english" class="search-sub-link ">
<span>Phản xạ</span>
</a>
<a href="https://www.voca.vn/library/writing" class="search-sub-link ">
<span>Luyện viết</span>
</a>
<a href="https://www.voca.vn/library/music" class="search-sub-link ">
<span>Luyện nghe</span>
</a>
<a href="https://www.voca.vn/library/sentence" class="search-sub-link ">
<span>Học qua câu</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="javascript:void(0)" data-target="#plan" class="search-top-link search-nav-link">
<span>Khóa học tiếng Anh theo lộ trình</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/study-plan/a0-beginner" class="search-sub-link ">
<span>Beginner</span>
</a>
<a href="https://www.voca.vn/study-plan/a1-elementary" class="search-sub-link ">
<span>Elementary</span>
</a>
<a href="https://www.voca.vn/study-plan/a2-pre-intermediate" class="search-sub-link ">
<span>Pre Intermediate</span>
</a>
<a href="https://www.voca.vn/study-plan/b1-intermediate" class="search-sub-link ">
<span>Intermediate</span>
</a>
<a href="https://www.voca.vn/study-plan/b2-upper-intermediate" class="search-sub-link ">
<span>Upper Intermediate</span>
</a>
<a href="https://www.voca.vn/study-plan/c-advanced" class="search-sub-link ">
<span>Advanced</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="javascript:void(0)" data-target="#communicative" class="search-top-link search-nav-link">
<span>Khóa học tiếng Anh giao tiếp</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/communicative/communicative-starter" class="search-sub-link ">
<span>Communicative Starter</span>
</a>
<a href="https://www.voca.vn/communicative/communicative-functional" class="search-sub-link ">
<span>Communicative Functional</span>
</a>
<a href="https://www.voca.vn/communicative/communicative-fluent" class="search-sub-link ">
<span>Communicative Fluent</span>
</a>
<a href="https://www.voca.vn/communicative/communicative-effortless" class="search-sub-link ">
<span>Communicative Effortless</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="javascript:void(0)" data-target="#student" class="search-top-link search-nav-link">
<span>Khóa học tiếng Anh dành cho học sinh</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/study-certificate/for-primary-school" class="search-sub-link ">
<span>Tiểu học</span>
</a>
<a href="https://www.voca.vn/study-certificate/secondary" class="search-sub-link ">
<span>Trung học cơ sở</span>
</a>
<a href="https://www.voca.vn/study-certificate/high-school" class="search-sub-link ">
<span>Trung học phổ thông</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="javascript:void(0)" data-target="#certificate" class="search-top-link search-nav-link">
<span>Khóa học tiếng Anh để thi chứng chỉ</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/study-certificate/toeic" class="search-sub-link ">
<span>TOEIC</span>
</a>
<a href="https://www.voca.vn/study-certificate/ielts" class="search-sub-link ">
<span>IELTS</span>
</a>
<a href="https://www.voca.vn/study-certificate/cefr" class="search-sub-link ">
<span>CEFR</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="javascript:void(0)" data-target="#tool" class="search-top-link search-nav-link">
<span>Công cụ, Tính năng bổ trợ</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>
<div class="search-sub-nav">
<div class="search-sub-nav-content">
<section>
<a href="https://www.voca.vn/dictionary" class="search-sub-link ">
<span>Từ điển</span>
</a>
<a href="https://www.voca.vn/ept" class="search-sub-link ">
<span>EPT Test</span>
</a>
<a href="https://www.voca.vn/pin-word" class="search-sub-link ">
<span>Ghim từ</span>
</a>
<a href="https://www.voca.vn/uni-test" class="search-sub-link ">
<span>Uni Test</span>
</a>
</section>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>

<a href="https://www.voca.vn/library#document" data-target="#document" class="search-top-link">
<span>Tài liệu hướng dẫn cách học tiếng Anh</span>
<svg x="0px" y="0px" width="6.438px" height="10.754px" viewBox="0 0 6.438 10.754" enable-background="new 0 0 6.438 10.754" xml:space="preserve"><polyline fill="none" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" points="0.75,0.75 5.377,5.377 0.75,10.004 "/></svg>
</a>

</div>
<script>
$('.search-nav-link').click(function(){
$('.search-nav-link').removeClass('active');
$(this).addClass('active');
});
</script>
</div>
</div>

<div class="header-menu-item menu-item-more menu-item-dot hidden">
<a href="javascript:void(0)"><i></i></a>

<div class="menu-more-content">
<ul class="ul-menu-more">
<li>
<a href="https://www.voca.vn"><span>Trang chủ</span></a>
</li>
<li>
<a href="https://www.voca.vn/method"><span>Phương pháp</span></a>
</li>
<li>
<a href="https://www.voca.vn/library"><span>Khóa học</span></a>
</li>

<li>
<a href="https://www.voca.vn/premium"><span>Premium</span></a>
</li>
<li>
<a href="https://www.voca.vn/login"><span>Đăng nhập</span></a>
</li>

</ul>
</div>
</div>

<div class="header-menu-item menu-item-cart">
<a href="javascript:void(0)" class="btn-view-more-cart">
<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 24.625C10.6213 24.625 11.125 24.1213 11.125 23.5C11.125 22.8787 10.6213 22.375 10 22.375C9.37868 22.375 8.875 22.8787 8.875 23.5C8.875 24.1213 9.37868 24.625 10 24.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.375 24.625C22.9963 24.625 23.5 24.1213 23.5 23.5C23.5 22.8787 22.9963 22.375 22.375 22.375C21.7537 22.375 21.25 22.8787 21.25 23.5C21.25 24.1213 21.7537 24.625 22.375 24.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 1H5.5L8.515 16.0638C8.61788 16.5817 8.89965 17.047 9.31099 17.3781C9.72233 17.7092 10.237 17.8851 10.765 17.875H21.7C22.228 17.8851 22.7427 17.7092 23.154 17.3781C23.5654 17.047 23.8471 16.5817 23.95 16.0638L25.75 6.625H6.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>

</a>
</div>

<div class="header-menu-item menu-item-register">
<a href="https://www.voca.vn/login" class="ui-button">ĐĂNG NHẬP</a>
</div>

<div class="header-menu-item menu-item-signin " style="margin-left: 15px;">
<a href="https://www.voca.vn/register" class="ui-button">Bắt đầu miễn phí</a>
</div>

<div class="header-menu-item menu-item-about">
<a href="https://www.voca.vn/login" class="ui-button">ĐĂNG NHẬP</a>
</div>

<div class="header-menu-item menu-item-price hidden">
<a href="https://www.voca.vn/login" class="ui-button" style="text-align: center;background: #2B70C9;border: 0px;border-bottom: 3px solid #1453A3;text-transform: uppercase;font-size: 15px;font-family: promtsemibold;">Đăng nhập</a>
</div>

<div class="header-menu-item menu-item-price hidden menu-item-premium">
<a href="https://www.voca.vn/premium">Premium</a>
</div>

<div class="header-menu-item menu-item-method hidden">
<a href="https://www.voca.vn/method/ebook/hoc-tieng-anh-bat-dau-tu-dau-157">Phương pháp</a>
</div>





<div class="header-menu-item menu-item-more menu-item-course menu-item-dot">
<a href="javascript:void(0)">Xem thêm <svg style="margin-left: 8px;" xmlns="http://www.w3.org/2000/svg" width="14.517" height="8.673" viewBox="0 0 14.517 8.673"><path d="M-12766.5,2093.5l5.357,5.357.486.487,5.845-5.844" transform="translate(12767.914 -2092.086)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/></svg></a>

<div class="menu-more-content">
<ul class="ul-menu-more">

<li>
<a href="https://www.voca.vn/products"> <span>SẢN PHẨM</span></a>
</li>

<li>
<a href="https://www.voca.vn/method"> <span>PHƯƠNG PHÁP</span></a>
</li>

<li>
<a href="https://www.voca.vn/english-test"> <span>KIỂM TRA TRÌNH ĐỘ</span></a>
</li>

<li>
<a href="https://www.voca.vn/voca-project"> <span>CÂU CHUYỆN VOCA</span></a>
</li>

<li>
<a href="https://www.voca.vn/community"><span>CỘNG ĐỒNG</span></a>
</li>

</ul>
</div>
</div>

<div class="header-menu-item menu-item-method">
<a href="https://www.voca.vn/scholarship">Học bổng</a>
</div>

<div class="header-menu-item menu-item-premium">
<a href="https://www.voca.vn/premium">Premium</a>
</div>

<div class="header-menu-item menu-item-store">
<a href="https://www.voca.vn/store">Cửa hàng</a>
</div>

<div class="header-menu-item menu-item-more menu-item-product menu-item-dot" style="display: none;">
<a href="https://www.voca.vn/products">Sản phầm</a>


</div>

<div class="header-menu-item menu-item-library">
<a href="https://www.voca.vn/library">KHÓA HỌC</a>
</div>

<div class="header-menu-item menu-item-home">
<a href="https://www.voca.vn">TRANG CHỦ</a>
</div>

</div>
<div class="clearfix"></div>
</div>
</div>

</header>


<script>
$('.search-icon').click(function(){
if( $(this).closest('.menu-item-search').hasClass('menu-item-active')){
var keyWord = $('.menu-item-search input').val();
if(keyWord.trim().length > 2){
window.location.href = "https://www.voca.vn/search?q="+unicodeConvert(keyWord.trim().replace(/\s/g, "-").toLowerCase())+'&t='+unicodeConvert(pTitle.trim().replace(/\s/g, "-").toLowerCase());

}
}else{
$(this).closest('.menu-item-search').addClass('menu-item-active');
$(this).closest('.menu-item-search').find('input').focus();
}

});
$(document).mouseup(function(e)
{
var container = $(".menu-item-search");

// if the target of the click isn't the container nor a descendant of the container
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$(container).removeClass('menu-item-active');
}
});

var pTitle = document.title;
pTitle = pTitle.trim().replace(/\s/g, "-");
$('.menu-item-search input').keyup(function(){
var keyWord = $(this).val();
if(event.keyCode == 13){
if(keyWord.trim().length > 2){
window.location.href = "https://www.voca.vn/search?q="+unicodeConvert(keyWord.trim().replace(/\s/g, "-").toLowerCase())+'&t='+unicodeConvert(pTitle.trim().replace(/\s/g, "-").toLowerCase());
}else{
return false;
}
}
});

$(document).ready(function(){
$('.button-search').click(function(){
var keyWord = $('.input-search').val();
if(keyWord.trim() != ""){
window.location.href = "https://www.voca.vn/search?q="+unicodeConvert(keyWord.trim().replace(/\s/g, "-").toLowerCase())+'&t='+unicodeConvert(pTitle.trim().replace(/\s/g, "-").toLowerCase());
}else{
return false;
}
});

$('.btn-view-more-cart').click(function(event){
event.stopPropagation();

$('#cart-modal').remove();
$(this).addClass('active');

$.ajax({
url: "https://www.voca.vn/view-cart",
data:{

},
type: "POST",
success: function(result){
$('body').append(result);
}
});
});

});
</script>

<style>
body.left-menu-active .header-menu-content .menu-item-left-menu a{
background-position: 0px -4150px;
width: 21.921px;
height: 21.921px;
}
.left-nav{
position: fixed;
left: 0;
bottom: 0;
top: 70px;
width: 0;
background: var(--color-white);
border-right: 1px solid var(--color-border-gray-light);
visibility: hidden;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 30px;
transition: transform .2s cubic-bezier(0.4,0.0,1,1),visibility .2s;
transform: translateX(-280px) translateZ(0);
}
body.left-menu-active .left-nav{
transform: translateX(0) translateZ(0);
transition: transform .35s cubic-bezier(0.24,1,0.32,1),visibility 0s;
visibility: visible;
width: 273px;
z-index: 10000;
}
.left-nav::-webkit-scrollbar {
background-color:var(--color-white);
width:16px
}

.left-nav::-webkit-scrollbar-track {
background-color:var(--color-white);
}

.left-nav::-webkit-scrollbar-thumb {
background-color: var(--color-border-gray-light);
border-radius:16px;
border: 4px solid var(--color-white);
}
.left-nav .left-nav-item{
border-bottom: 1px solid var(--color-border-gray-light);
}
.left-nav .left-nav-item li{
list-style: none;
height: 60px;
background: var(--color-white);
}
.left-nav .left-nav-item li a{
display: block;
height: 100%;
line-height: 60px;
padding-left: 25px;
color: #777777;
font-size: 15px;
font-family: 'balootammasemibold';
}
.left-nav .left-nav-item li:hover{
background: var(--color-gray-light);
}
.left-nav .left-nav-item li.left-nav-function:hover,
.left-nav .left-nav-item li.left-nav-other:hover{
background: var(--color-white);
}
.left-nav .left-nav-item li a:hover{
text-decoration: none;
}
.left-nav .left-nav-item li a span{
font-family: promt;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.left-nav .left-nav-item li a i{
display: inline-block;
width: 20px;
height: 20px;
float: left;
margin-top: 7px;
margin-right: 15px;
background: url("https://www.voca.vn/assets/images/menu.svg?n=15");
}
.left-nav .left-nav-item li.left-nav-avatar a img{
width: 30px;
height: 30px;
border: 1px solid var(--color-border-gray-light);
border-radius: 30px;
display: inline-block;
float: left;
margin-top: 5px;
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-avatar a span{
float: left;
width: calc(100% - 50px);
font-size: 15px;
color: var(--color-text);
text-transform: uppercase;
font-family: promtbold;
margin-top: 0px;
}
.left-nav .left-nav-item li.left-nav-vocabulary a i{
background-position: 0 -790px;
width: 28px;
height: 28px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-vocabulary:hover a i{
background-position: 0 -820px;
}
.left-nav .left-nav-item li.left-nav-grammar a i{
background-position: 0 -650px;
width: 28px;
height: 28px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-grammar:hover a i{
background-position: 0 -680px;
}
.left-nav .left-nav-item li.left-nav-pronunciation a i{
background-position: 0 -710px;
width: 28px;
height: 28px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-pronunciation:hover a i{
background-position: 0 -750px;
}

.left-nav .left-nav-item li.left-nav-natural a i{
background-position: 0 -590px;
width: 28px;
height: 28px;
margin-top: 8px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-natural:hover a i{
background-position: 0 -620px;
}
.left-nav .left-nav-item li.left-nav-writing a i{
background-position: 0 -530px;
width: 28px;
height: 28px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-writing:hover a i{
background-position: 0 -560px;
}
.left-nav .left-nav-item li.left-nav-music a i{
background-position: 0 -970px;
width: 28px;
height: 28px;
margin-top: 8px;
transform: scale(0.7);
margin-right: 20px;
}
.left-nav .left-nav-item li.left-nav-music:hover a i{
background-position: 0 -500px;
}
.left-nav .left-nav-item li.left-nav-plan a i{
background-position: 0 -850px;
width: 36.51px;
height: 36.46px;
margin-top: 2px;
transform: scale(0.7);
margin-right: 10px;
}
.left-nav .left-nav-item li.left-nav-plan:hover a i{
background-position: 0 -890px;
}

.left-nav .left-nav-item li.left-nav-student a i{
background-position: 0 -2300px;
width: 25.078px;
height: 27px;
margin-top: 2px;
margin-right: 10px;
}
.left-nav .left-nav-item li.left-nav-student:hover a i{
background-position: 0 -2330px;
}

.left-nav .left-nav-item li.left-nav-certificate a i{
background-position: 0 -930px;
width: 42.73px;
height: 9.58px;
margin-top: 15px;
transform: scale(0.8);
margin-right: 10px;
margin-left: -5px;
}
.left-nav .left-nav-item li.left-nav-certificate:hover a i{
background-position: 0 -950px;
}
.left-nav .left-nav-item li.left-nav-dictionary a i{
background-position: 0 -1120px;
width: 33.75px;
height: 27.667px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 10px;
}
.left-nav .left-nav-item li.left-nav-dictionary:hover a i{
background-position: 0 -1260px;
}
.left-nav .left-nav-item li.left-nav-pin a i{
background-position: 0 -1920px;;
width: 33.928px;
height: 33.929px;
margin-top: 5px;
transform: scale(0.7);
margin-right: 10px;
}
.left-nav .left-nav-item li.left-nav-pin:hover a i{
background-position: 0 -1960px;
}

.left-nav .left-nav-item li.left-nav-level a i{
background-position: 0 -1000px;
width: 30px;
height: 30px;
margin-top: 5px;
transform: scale(0.8);
margin-right: 15px;
}

.left-nav .left-nav-item li.left-nav-level:hover a i{
background-position: 0 -1040px;
}

.left-nav .left-nav-item li.left-nav-uni a i{
background-position: 0 -2220px;
width: 32px;
height: 32px;
margin-top: 5px;
transform: scale(0.8);
margin-right: 15px;
}
.left-nav .left-nav-item .left-nav-msg{
margin: 20px 25px;
font-size: 15px;
color: var(--color-text-light);
}
.left-nav .left-nav-item li.left-nav-register{
height: unset;
}
.left-nav .left-nav-item li.left-nav-register:hover{
background: var(--color-white);
}
.left-nav .left-nav-item li.left-nav-register a{
padding: 0;
margin-left: 25px;
width: 183px;
display: block;
height: 40px;
border: 1px solid var(--color-border-green);
border-bottom: 3px solid var(--color-border-green);
text-align: center;
border-radius: 10px;
font-size: 15px;
text-transform: uppercase;
color: var(--color-green);
font-family: promtmedium;
margin-bottom: 25px;
}
.left-nav .left-nav-item li.left-nav-register a:hover{
color: var(--color-white);
background: var(--color-green);
}

.left-nav .left-nav-item li.left-nav-premium{
height: unset;
}
.left-nav .left-nav-item li.left-nav-premium:hover{
background: var(--color-white);
}
.left-nav .left-nav-item li.left-nav-premium a{
padding: 0;
margin-left: 25px;
width: 183px;
display: block;
height: 40px;
border: 1px solid var(--color-blue-deep);
border-bottom: 3px solid var(--color-blue-deep);
text-align: center;
border-radius: 10px;
font-size: 15px;
text-transform: uppercase;
color: var(--color-blue);
font-family: promtmedium;
margin-bottom: 25px;
}

.left-nav .left-nav-item li.left-nav-premium a:hover{
color: var(--color-white);
background: var(--color-blue);
}

.left-nav .left-nav-item li.left-nav-support a i{
background-position: 0 -1300px;
width: 18.867px;
height: 21px;
margin-top: 10px;
margin-right: 15px;
}
.left-nav .left-nav-item li.left-nav-support:hover a i{
background-position: 0 -1330px;
}

.left-nav .left-nav-item li.left-nav-blog a i{
background-position: 0 -1360px;
width: 18.999px;
height: 18.999px;
margin-top: 10px;
margin-right: 15px;
}
.left-nav .left-nav-item li.left-nav-blog:hover a i{
background-position: 0 -1390px;
}
.menu-oveplay{
position: fixed;
left: 273px;
z-index: 10000;
right: 0;
top: 100px;
bottom: 0;
background: #000;
opacity: 0.4;
transition: all 0.5s ease-out;
}
.scrolled .menu-oveplay{
top: 70px;
}
.left-nav .left-nav-item.left-nav-contact,
.left-nav .left-nav-item.left-nav-phone,
.left-nav .left-nav-item.left-nav-email,
.left-nav .left-nav-item.left-nav-location{
border: 0;
}
.left-nav .left-nav-item.left-nav-contact li a{
font-family: 'balootamma';
}
.left-nav .left-nav-item.left-nav-phone li,
.left-nav .left-nav-item.left-nav-email li,
.left-nav .left-nav-item.left-nav-location li{
height: unset;
}
.left-nav .left-nav-item.left-nav-phone li a,
.left-nav .left-nav-item.left-nav-email li a,
.left-nav .left-nav-item.left-nav-location li a{
line-height: 20px;
height: unset;
min-height: 30px;
padding-right: 5px;
}
.left-nav .left-nav-item.left-nav-phone li a svg,
.left-nav .left-nav-item.left-nav-email li a svg,
.left-nav .left-nav-item.left-nav-location li a svg{
float: left;
margin-top: 7px;
margin-right: 10px;
}
.left-nav .left-nav-item.left-nav-phone li a span,
.left-nav .left-nav-item.left-nav-email li a span,
.left-nav .left-nav-item.left-nav-location li a span{
-webkit-line-clamp: 4;
font-size: 14px;
font-family: 'balootammamedium';
color: #4c4c4c;
padding-top: 5px;
}
@media(max-width: 767px){

.left-nav{
top: 58px;

}
.menu-oveplay{
top: 58px;
display: none;
}
body.left-menu-active .left-nav{
width: 100%;
}
}
</style>
<div class="left-nav">
<div class="left-nav-content">

<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/method">PHƯƠNG PHÁP LUẬN</a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/instruction">HƯỚNG DẪN HỌC</a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/voca-project">CÂU CHUYỆN VOCA</a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/scholarship">HỌC BỔNG</a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/community">CỘNG ĐỒNG HỌC VIÊN </a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/mobile">ỨNG DỤNG SMARTPHONE </a></li>
</div>
<div class="left-nav-item">
<li class="left-nav-home"><a href="https://www.voca.vn/blog">BLOG</a></li>
</div>

<div class="left-nav-item left-nav-contact">
<li class="left-nav-home"><a href="javascript:void(0)">LIÊN HỆ VỚI VOCA:</a></li>
</div>

<div class="left-nav-item left-nav-phone">
<li class="left-nav-home">
<a href="javascript:void(0)">
<svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="15.783" viewBox="0 0 15.75 15.783"><path d="M15.876,11.583l-2.2-2.2a1.465,1.465,0,0,0-2.439.551,1.5,1.5,0,0,1-1.731.944A6.792,6.792,0,0,1,5.414,6.785a1.426,1.426,0,0,1,.944-1.731,1.465,1.465,0,0,0,.551-2.439l-2.2-2.2a1.571,1.571,0,0,0-2.124,0L1.087,1.908c-1.495,1.573.157,5.743,3.855,9.44s7.866,5.428,9.44,3.855l1.495-1.495A1.571,1.571,0,0,0,15.876,11.583Z" transform="translate(-0.539 0)" fill="#4c4c4c"/></svg>
<span>0829905858</span>
</a>
</li>
</div>

<div class="left-nav-item left-nav-email">
<li class="left-nav-home">
<a href="javascript:void(0)">
<svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="10.829" viewBox="0 0 15.75 10.829"><g transform="translate(10.44 1.996)"><path d="M339.392,148.395l5.31,3.357V144.9Z" transform="translate(-339.392 -144.896)" fill="#4c4c4c"/></g><g transform="translate(0 1.996)"><path d="M0,144.9v6.855l5.31-3.357Z" transform="translate(0 -144.896)" fill="#4c4c4c"/></g><g transform="translate(0.029)"><path d="M15.7,80H1.915a.972.972,0,0,0-.955.838l7.845,5.169,7.845-5.169A.972.972,0,0,0,15.7,80Z" transform="translate(-0.96 -80)" fill="#4c4c4c"/></g><g transform="translate(0.032 6.089)"><path d="M10.531,277.921l-1.393.917a.494.494,0,0,1-.541,0L7.2,277.92l-6.18,3.909a.971.971,0,0,0,.953.831H15.758a.971.971,0,0,0,.953-.831Z" transform="translate(-1.024 -277.92)" fill="#4c4c4c"/></g></svg>
<span>support@voca.vn </span>
</a>
</li>
</div>

<div class="left-nav-item left-nav-location">
<li class="left-nav-home">
<a href="javascript:void(0)">
<svg xmlns="http://www.w3.org/2000/svg" width="15.75" height="21" viewBox="0 0 15.75 21"><path d="M10.875,0A7.913,7.913,0,0,0,3,7.932c0,6.215,7.135,12.633,7.438,12.9a.658.658,0,0,0,.873,0c.3-.27,7.438-6.688,7.438-12.9A7.913,7.913,0,0,0,10.875,0Zm0,12.25A4.375,4.375,0,1,1,15.25,7.875,4.38,4.38,0,0,1,10.875,12.25Z" transform="translate(-3)" fill="#4c4c4c"/></svg>
<span>213 Bis Nam Kỳ Khởi Nghĩa, Phường Võ Thị Sáu, Quận 3, Thành phố Hồ Chí Minh, Việt Nam.</span>
</a>
</li>
</div>

</div>
</div>
<script>
var leftMenuClicked = false;
$('.menu-item-left-menu a').click(function(){
leftMenuClicked = true;
if($(this).closest('body').hasClass('left-menu-active')){
$(this).closest('body').removeClass('left-menu-active');
$('.menu-oveplay').remove();

}else{
$(this).closest('body').addClass('left-menu-active');
$('body').append('<div class="menu-oveplay"></div>');
}
setTimeout(function(){leftMenuClicked = false;},1000);
});

$('menu-oveplay').click(function(){
$('.menu-item-left-menu a').trigger('click');
});

$(document).mouseup(function(e)
{
setTimeout(function(){

if(!leftMenuClicked){
var container = $('.left-nave');
if (!container.is(e.target) && container.has(e.target).length === 0)
{
$('body').removeClass('left-menu-active');
$('.menu-oveplay').remove();
}
}
},200);

});

</script>

<div class="main-content">

<div class="blog-content">

<div class="blog-body">

<div class="blog-header">

<a href="https://www.voca.vn/scholarship" target="_blank"><img style="width: 100%;" src="https://www.voca.vn/assets/images/blog/blog-banner-20250310.jpg" /></a>

<style>
@media(max-width: 767px){
#ads-banner-zone2-5 {

max-height: 230px;
}
}
</style>


</div>

<div class="blog-main">


<div class="blog-menu">
<ul>
<li class="blog-menu-home blog-menu-active ">
<a href="https://www.voca.vn/blog"><i class="fa fa-home"></i></a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/news">VOCA</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/vocabulary">Từ vựng</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/ngu-phap-tieng-anh">Ngữ pháp</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/mau-cau-tieng-anh">Mẫu câu</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/pronunciation">Học phát âm</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/tieng-anh-giao-tiep">Giao tiếp</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/writing-skill">Luyện viết</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/talk-skill">Luyện nói</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/tieng-anh-pho-thong">Phổ thông</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/toeic">TOEIC</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/ielts">IELTS</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/tieng-anh-tre-em">Trẻ em</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/tieng-anh-trung-hoc-co-so">Trung học cơ sở</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/music">Âm nhạc</a>
</li>
<li class="">
<a href="https://www.voca.vn/blog/english-club">Club</a>
</li>

</ul>
</div>
<style>
.blog-cate-content{
position: relative;
z-index: 1;
background: #fff;
float: left;
}
</style>
<script type="text/javascript">
$(window).scroll(function(){

var offset = $('.blog-new-left').offset();
/*if($(this).scrollTop() > offset.top + 20 && $(this).scrollTop() < offset.top + 1500){
$('#blog-zone-2').css('position','fixed');
$('#blog-zone-2').css('top','115px');
}else{
$('#blog-zone-2').css('position','relative');
$('#blog-zone-2').css('top','0');
}*/
var offset1 = $('.news-relate').offset();
if(offset1 != undefined){
var offset2 = $('.blog-cate').offset();

if($(this).scrollTop() > offset1.top + $('.news-relate').height() + 15 && $(this).scrollTop() < offset2.top - 10){
$('#blog-zone-4').css('position','fixed');
$('#blog-zone-4').css('top','70px');
}else{
$('#blog-zone-4').css('position','relative');
$('#blog-zone-4').css('top','0');
}
}

});
</script>

<style>
#description-modal {
z-index: 10000;
}

#description-modal .modal-dialog{
max-width: 600px;
}
#description-modal .modal-content{
border-radius: 15px;
overflow: hidden;
}
#description-modal .modal-header{
border: 0px;
position: absolute;
width: 100%;
}
#description-modal .modal-header a{
display: inline-block;
width: 15.879px;
height: 15.878px;
background: url(https://www.voca.vn/assets/images/voca-bg.svg?n=10) 0px -490px;
position: absolute;
right: 15px;
top: 15px;
z-index: 1;
}
#description-modal .modal-body{
padding: 0px;
}
#description-modal .modal-body iframe{
max-width: 100%;
}
#description-modal .modal-body table{
width: 100%;
}
#description-modal .modal-body table td{
height: 30px;
padding-left: 10px;
}
#description-modal .modal-body img{
max-width: 100%;
height: auto!important;
}
#description-modal .modal-body li{
list-style: unset!important;
}
@media(max-width: 600px){

.library-header .header-left .btn-choose{
margin-bottom: 20px;
}
}
</style>


<div class="modal fade" id="description-modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="javascript:void(0)" data-dismiss="modal"></a>
</div>
<div class="modal-body">
<div class="description-content">
<a href="https://www.voca.vn/ept?utm_va=8ed7e8cd3665cdd3066b242617c26af1"><img style="width: 100%;" src="https://www.voca.vn/assets/images/promotion/blog-ept-popup-20230315.jpg" alt="VOCA EPT"></a>
</div>
</div>

</div>
</div>
</div>


<script>

$('.btn-promotion-modal-action').click(function(){
var link = $(this).attr('link');
$('#promotion-modal').modal('hide');
window.open(
link,
'_blank'
);
});

</script>

<script>

setTimeout(function(){
document.cookie = "hide_ept_popup_2023=1";
$('#description-modal').modal();
},15000)
</script>

<div class="blog-hot">

<div class="hot-left">
<div class="hot-left-content">
<a href="https://www.voca.vn/blog/truyen-tay-10-tai-lieu-tu-hoc-tieng-anh-giao-tiep-mien-phi-hieu-qua-1482" title="Truyền tay 10 tài liệu tự học tiếng Anh giao tiếp miễn phí & hiệu quả">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/truyen-tay-10-tai-lieu-mien-phi-giup-ban-tu-hoc-tieng-anh-giao-tiep-hieu-qua1594718901.png" alt="Truyền tay 10 tài liệu tự học tiếng Anh giao tiếp miễn phí & hiệu quả" data-src="https://www.voca.vn/assets/img/news/truyen-tay-10-tai-lieu-mien-phi-giup-ban-tu-hoc-tieng-anh-giao-tiep-hieu-qua1594718901.png"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/truyen-tay-10-tai-lieu-tu-hoc-tieng-anh-giao-tiep-mien-phi-hieu-qua-1482">Truyền tay 10 tài liệu tự học tiếng Anh giao tiếp miễn phí & hiệu quả</a>
</h2>
<p>
<a href="https://www.voca.vn/blog/truyen-tay-10-tai-lieu-tu-hoc-tieng-anh-giao-tiep-mien-phi-hieu-qua-1482">10 bộ tài liệu tự học tiếng Anh giao tiếp cực hay bạn không nên bỏ lỡ! Hãy cùng VOCA tìm hiểu chi tiết và download miễn phí về học các bạn nhé!</a>
</p>
</div>
</div>

<div class="hot-right">
<div class="hot-right-content">
<div class="hot-right-item">
<h2>
<a href="https://www.voca.vn/blog/the-mastery-of-english-skills-1425" >"The Mastery Of English Skills": Lộ trình học tiếng Anh toàn diện 4 kĩ năng trong 18 tháng.</a>
</h2>
<a class="right-item-img" href="https://www.voca.vn/blog/the-mastery-of-english-skills-1425" title=""The Mastery Of English Skills": Lộ trình học tiếng Anh toàn diện 4 kĩ năng trong 18 tháng.">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/the-mastery-of-english-skills-lo-trinh-hoc-tieng-anh-toan-dien-4-ki-nang-trong-18-thang1582731685.jpeg" alt=""The Mastery Of English Skills": Lộ trình học tiếng Anh toàn diện 4 kĩ năng trong 18 tháng." data-src="https://www.voca.vn/assets/img/news/the-mastery-of-english-skills-lo-trinh-hoc-tieng-anh-toan-dien-4-ki-nang-trong-18-thang1582731685.jpeg"/>
</a>
</div>
<div class="hot-right-item">
<h2>
<a href="https://www.voca.vn/blog/how-to-polish-your-pronunciation-like-a-master-1428" >"How to Polish Your Pronunciation Like A Master?": Bí quyết để giúp bạn Phát âm tiếng Anh chuẩn.</a>
</h2>
<a class="right-item-img" href="https://www.voca.vn/blog/how-to-polish-your-pronunciation-like-a-master-1428" title=""How to Polish Your Pronunciation Like A Master?": Bí quyết để giúp bạn Phát âm tiếng Anh chuẩn.">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/how-to-polish-your-pronunciation-like-a-master-bi-quyet-de-giup-ban-phat-am-tieng-anh-chuan1582738157.jpeg" alt=""How to Polish Your Pronunciation Like A Master?": Bí quyết để giúp bạn Phát âm tiếng Anh chuẩn." data-src="https://www.voca.vn/assets/img/news/how-to-polish-your-pronunciation-like-a-master-bi-quyet-de-giup-ban-phat-am-tieng-anh-chuan1582738157.jpeg"/>
</a>
</div>
<div class="hot-right-item">
<h2>
<a href="https://www.voca.vn/blog/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep-2208" >VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp</a>
</h2>
<a class="right-item-img" href="https://www.voca.vn/blog/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep-2208" title="VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep1719549472.jpeg" alt="VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp" data-src="https://www.voca.vn/assets/img/news/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep1719549472.jpeg"/>
</a>
</div>
<div class="hot-right-item">
<h2>
<a href="https://www.voca.vn/blog/voca-superkids-giup-tre-hoc-tieng-anh-tu-tin-vui-ve-hanh-phuc-2176" >VOCA SuperKids: Ứng dụng giúp trẻ học tiếng Anh tự tin, vui vẻ, hạnh phúc</a>
</h2>
<a class="right-item-img" href="https://www.voca.vn/blog/voca-superkids-giup-tre-hoc-tieng-anh-tu-tin-vui-ve-hanh-phuc-2176" title="VOCA SuperKids: Ứng dụng giúp trẻ học tiếng Anh tự tin, vui vẻ, hạnh phúc">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/voca-superkids-giup-tre-hoc-tieng-anh-tu-tin-vui-ve-hanh-phuc1700821049.gif" alt="VOCA SuperKids: Ứng dụng giúp trẻ học tiếng Anh tự tin, vui vẻ, hạnh phúc" data-src="https://www.voca.vn/assets/img/news/voca-superkids-giup-tre-hoc-tieng-anh-tu-tin-vui-ve-hanh-phuc1700821049.gif"/>
</a>
</div>

</div>
</div>
</div>
<div class="clearfix"></div>

<div class="clearfix"></div>
<div class="blog-pin">
<div class="blog-pin-content">
<div class="blog-pin-item">
<a href="https://www.voca.vn/blog/lo-trinh-luyen-thi-thpt-quoc-gia-dai-hoc-mon-tieng-anh-1739" title="Lộ trình luyện thi THPT quốc gia, Đại Học môn tiếng Anh">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/lo-trinh-luyen-thi-thpt-quoc-gia-dai-hoc-mon-tieng-anh1646100749.png" alt="Lộ trình luyện thi THPT quốc gia, Đại Học môn tiếng Anh" data-src="https://www.voca.vn/assets/img/news/lo-trinh-luyen-thi-thpt-quoc-gia-dai-hoc-mon-tieng-anh1646100749.png"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/lo-trinh-luyen-thi-thpt-quoc-gia-dai-hoc-mon-tieng-anh-1739" title="Lộ trình luyện thi THPT quốc gia, Đại Học môn tiếng Anh">Lộ trình luyện thi THPT quốc gia, Đại Học môn tiếng Anh</a>
</h2>
</div>
<div class="blog-pin-item">
<a href="https://www.voca.vn/blog/dong-hanh-cung-hoc-sinh-sinh-vien-2021---tro-gia-40-tat-ca-khoa-hoc-voca-1538" title="Đồng hành cùng Học sinh Sinh viên 2025 - Trợ giá 40% tất cả khóa học VOCA cao cấp">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/dong-hanh-cung-hoc-sinh-sinh-vien-2025---tro-gia-40-tat-ca-khoa-hoc-voca-cao-cap1741665566.png" alt="Đồng hành cùng Học sinh Sinh viên 2025 - Trợ giá 40% tất cả khóa học VOCA cao cấp" data-src="https://www.voca.vn/assets/img/news/dong-hanh-cung-hoc-sinh-sinh-vien-2025---tro-gia-40-tat-ca-khoa-hoc-voca-cao-cap1741665566.png"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/dong-hanh-cung-hoc-sinh-sinh-vien-2021---tro-gia-40-tat-ca-khoa-hoc-voca-1538" title="Đồng hành cùng Học sinh Sinh viên 2025 - Trợ giá 40% tất cả khóa học VOCA cao cấp">Đồng hành cùng Học sinh Sinh viên 2025 - Trợ giá 40% tất cả khóa học VOCA cao cấp</a>
</h2>
</div>
<div class="blog-pin-item">
<a href="https://www.voca.vn/blog/3000-tu-vung-tieng-anh-thong-dung-nhat-theo-chu-de-967" title="3000 từ vựng tiếng Anh thông dụng nhất theo chủ đề">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/3000-tu-vung-tieng-anh-thong-dung-nhat-theo-chu-de1582909019.jpeg" alt="3000 từ vựng tiếng Anh thông dụng nhất theo chủ đề" data-src="https://www.voca.vn/assets/img/news/3000-tu-vung-tieng-anh-thong-dung-nhat-theo-chu-de1582909019.jpeg"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/3000-tu-vung-tieng-anh-thong-dung-nhat-theo-chu-de-967" title="3000 từ vựng tiếng Anh thông dụng nhất theo chủ đề">3000 từ vựng tiếng Anh thông dụng nhất theo chủ đề</a>
</h2>
</div>
<div class="blog-pin-item">
<a href="https://www.voca.vn/blog/3000-tu-vung-ielts-thuong-gap-nhat-theo-chu-de-2148" title="3000 từ vựng IELTS thường gặp nhất theo chủ đề 2025 (Có Flashcards)">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/3000-tu-vung-ielts-thuong-gap-nhat-theo-chu-de1691750471.png" alt="3000 từ vựng IELTS thường gặp nhất theo chủ đề 2025 (Có Flashcards)" data-src="https://www.voca.vn/assets/img/news/3000-tu-vung-ielts-thuong-gap-nhat-theo-chu-de1691750471.png"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/3000-tu-vung-ielts-thuong-gap-nhat-theo-chu-de-2148" title="3000 từ vựng IELTS thường gặp nhất theo chủ đề 2025 (Có Flashcards)">3000 từ vựng IELTS thường gặp nhất theo chủ đề 2025 (Có Flashcards)</a>
</h2>
</div>
<div class="blog-pin-item">
<a href="https://www.voca.vn/blog/cach-viet-email-bang-tieng-anh-cau-truc-tu-vung-mau-thu-1518" title="Cách viết email bằng tiếng Anh chi tiết nhất: cấu trúc, mẫu thư thông dụng">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/cach-viet-email-bang-tieng-anh-cau-truc-tu-vung-mau-thu1605254058.png" alt="Cách viết email bằng tiếng Anh chi tiết nhất: cấu trúc, mẫu thư thông dụng" data-src="https://www.voca.vn/assets/img/news/cach-viet-email-bang-tieng-anh-cau-truc-tu-vung-mau-thu1605254058.png"/>
</a>
<h2>
<a href="https://www.voca.vn/blog/cach-viet-email-bang-tieng-anh-cau-truc-tu-vung-mau-thu-1518" title="Cách viết email bằng tiếng Anh chi tiết nhất: cấu trúc, mẫu thư thông dụng">Cách viết email bằng tiếng Anh chi tiết nhất: cấu trúc, mẫu thư thông dụng</a>
</h2>
</div>
</div>
</div>
<div class="clearfix"></div>

<div class="blog-new">
<div class="blog-new-left">
<div class="blog-new-left-content">
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-undressed-2304" title="Lời dịch bài hát Undressed">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-undressed1758189585.jpeg" alt="Lời dịch bài hát Undressed" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-undressed1758189585.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-undressed-2304" title="Lời dịch bài hát Undressed">Lời dịch bài hát Undressed</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-undressed-2304" title="Lời dịch bài hát Undressed">Khám phá lời dịch bài hát Undressed đầy cảm xúc. Bản dịch song ngữ Anh – Việt giúp bạn hiểu sâu ý nghĩa ca khúc và học tiếng Anh qua âm nhạc hiệu quả.</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-birds-of-a-feather-2303" title="Lời dịch bài hát Birds of a Feather">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-birds-of-a-feather1758182284.jpeg" alt="Lời dịch bài hát Birds of a Feather" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-birds-of-a-feather1758182284.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-birds-of-a-feather-2303" title="Lời dịch bài hát Birds of a Feather">Lời dịch bài hát Birds of a Feather</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-birds-of-a-feather-2303" title="Lời dịch bài hát Birds of a Feather">Khám phá lời dịch bài hát Birds of a Feather của Billie Eilish – bản hit 2024 gây bão Spotify và TikTok. Học tiếng Anh qua nhạc với bản dịch song ngữ đầy cảm xúc!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-back-to-friends-2302" title="Lời dịch bài hát Back to Friends">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-back-to-friends1758181371.jpeg" alt="Lời dịch bài hát Back to Friends" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-back-to-friends1758181371.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-back-to-friends-2302" title="Lời dịch bài hát Back to Friends">Lời dịch bài hát Back to Friends</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-back-to-friends-2302" title="Lời dịch bài hát Back to Friends">Khám phá lời dịch bài hát Back to Friends – bản hit 2025 của Sombr. Hiểu trọn ý nghĩa ca từ và học tiếng Anh qua nhạc dễ dàng!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-water-2301" title="Lời dịch bài hát Water">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-water1758180677.jpeg" alt="Lời dịch bài hát Water" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-water1758180677.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-water-2301" title="Lời dịch bài hát Water">Lời dịch bài hát Water</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-water-2301" title="Lời dịch bài hát Water">Khám phá lời dịch bài hát Water – Tyla, bản hit toàn cầu pha trộn Afropop & Amapiano. Hiểu ý nghĩa ca từ và học tiếng Anh qua âm nhạc đầy cảm xúc!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-love-me-not-2300" title="Lời dịch bài hát Love Me Not">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-love-me-not1757926343.jpeg" alt="Lời dịch bài hát Love Me Not" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-love-me-not1757926343.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-love-me-not-2300" title="Lời dịch bài hát Love Me Not">Lời dịch bài hát Love Me Not</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-love-me-not-2300" title="Lời dịch bài hát Love Me Not">Khám phá lời dịch bài hát Love Me Not – bản hit R&B đầy cảm xúc của Ravyn Lenae. Hiểu rõ ý nghĩa ca từ và học tiếng Anh qua âm nhạc hiệu quả!</a></p>
</div>
</div>

<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-offa-me-2299" title="Lời dịch bài hát Offa Me">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-offa-me1757922884.jpeg" alt="Lời dịch bài hát Offa Me" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-offa-me1757922884.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-offa-me-2299" title="Lời dịch bài hát Offa Me">Lời dịch bài hát Offa Me</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-offa-me-2299" title="Lời dịch bài hát Offa Me">Khám phá lời dịch bài hát Offa Me – bản hit Afrobeat gây chấn động của Davido và Victoria Monét (2025). Hiểu ý nghĩa ca từ sâu sắc và học tiếng Anh qua nhạc cực thú vị!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-apt-2298" title="Lời dịch bài hát APT">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-apt1757502486.jpeg" alt="Lời dịch bài hát APT" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-apt1757502486.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-apt-2298" title="Lời dịch bài hát APT">Lời dịch bài hát APT</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-apt-2298" title="Lời dịch bài hát APT">Khám phá lời dịch bài hát APT – siêu hit 2025 của ROSÉ (BLACKPINK) kết hợp Bruno Mars. Hiểu ý nghĩa ca từ và học tiếng Anh qua nhạc dễ dàng!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-anxiety-2297" title="Lời dịch bài hát Anxiety">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-anxiety1757500793.jpeg" alt="Lời dịch bài hát Anxiety" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-anxiety1757500793.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-anxiety-2297" title="Lời dịch bài hát Anxiety">Lời dịch bài hát Anxiety</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-anxiety-2297" title="Lời dịch bài hát Anxiety">Khám phá lời dịch bài hát Anxiety – siêu hit 2025 của Doechii. Hiểu trọn ý nghĩa ca từ, học tiếng Anh qua nhạc và cảm nhận thông điệp sâu sắc!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-greedy-2296" title="Lời dịch bài hát Greedy">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-greedy1757324334.jpeg" alt="Lời dịch bài hát Greedy" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-greedy1757324334.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-greedy-2296" title="Lời dịch bài hát Greedy">Lời dịch bài hát Greedy</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-greedy-2296" title="Lời dịch bài hát Greedy">Khám phá lời dịch bài hát Greedy – bản hit đình đám của Tate McRae. Hiểu trọn ý nghĩa ca từ và học tiếng Anh qua nhạc cực thú vị!</a></p>
</div>
</div>
<div class="new-left-item">
<div class="item-left">
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-miracle-2295" title="Lời dịch bài hát Miracle">
<img class="blog-lazy" src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-miracle1757322789.jpeg" alt="Lời dịch bài hát Miracle" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-miracle1757322789.jpeg"/>
</a>
</div>
<div class="item-right">
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-miracle-2295" title="Lời dịch bài hát Miracle">Lời dịch bài hát Miracle</a>
</h3>
<h4>
<a href="https://www.voca.vn/blog/music" title="Âm nhạc">Âm nhạc</a>
</h4>
<p><a href="https://www.voca.vn/blog/loi-dich-bai-hat-miracle-2295" title="Lời dịch bài hát Miracle">Khám phá lời dịch bài hát Miracle – bản hit của Calvin Harris & Ellie Goulding. Hiểu trọn ý nghĩa ca từ, học tiếng Anh qua nhạc cực dễ dàng và thú vị!</a></p>
</div>
</div>
</div>

</div>
<div class="blog-new-right">
<div class="blog-new-right-content">

<a href="https://www.voca.vn/scholarship" target="_blank"><img style="display:block;width: 100%;max-width: 300px; margin: 10px auto;" src="https://www.voca.vn/assets/images/blog/hssv-blog-banner-right-20250310.jpg"></a>







</div>
</div>
</div>

<div id='VN_Voca_Desktop_Billboard.Center.1' style="margin-top: 15px;display: flex;justify-content: center;text-align: center;"></div>
<script>
googletag.cmd.push(function() { googletag.display('VN_Voca_Desktop_Billboard.Center.1'); });
</script>
<div class="clearfix"></div>

<div class="blog-cate">
<div class="blog-cate-content">

<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/news">VOCA</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep-2208" title="VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp">
<img class="blog-lazy lazy" alt="VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp" data-src="https://www.voca.vn/assets/img/news/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep1719549472.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/voca-talk---giai-phap-luyen-noi-tieng-anh-thong-minh-cho-nguoi-hoc-giao-tiep-2208">VOCA Talk - Giải pháp luyện nói tiếng Anh thông minh cho người học giao tiếp</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/voca-vn---hanh-trinh-tu-qua-trung-nuoc--27" title="VOCA.VN - Hành trình từ quả trứng nước.">
<img class="blog-lazy lazy" alt="VOCA.VN - Hành trình từ quả trứng nước." data-src="https://www.voca.vn/assets/img/news/hanh-trinh-voca-1510633661.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/voca-vn---hanh-trinh-tu-qua-trung-nuoc--27">VOCA.VN - Hành trình từ quả trứng nước.</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/100-english-courses-1438" title="100+ khóa học tiếng Anh online giúp bạn tự học tiếng Anh hiệu quả.">
<img class="blog-lazy lazy" alt="100+ khóa học tiếng Anh online giúp bạn tự học tiếng Anh hiệu quả." data-src="https://www.voca.vn/assets/img/news/100-khoa-hoc-tieng-anh-online-giup-ban-de-dang-chinh-phuc-moi-muc-tieu1585030591.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/100-english-courses-1438">100+ khóa học tiếng Anh online giúp bạn tự học tiếng Anh hiệu quả.</a>
</h3>
</div>
<div class="clearfix"></div>
</div>

<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/vocabulary">Từ vựng</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-ve-nang-luong-1680" title="Từ vựng tiếng anh về năng lượng">
<img class="blog-lazy lazy" alt="Từ vựng tiếng anh về năng lượng" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-ve-nang-luong1628651033.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-ve-nang-luong-1680">Từ vựng tiếng anh về năng lượng</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-3-unit-18-what-are-you-doing-ban-dang-lam-gi-the-1972" title="Từ vựng tiếng Anh lớp 3 | Unit 17: What toys do you like? (Bạn thích món đồ chơi nào?)">
<img class="blog-lazy lazy" alt="Từ vựng tiếng Anh lớp 3 | Unit 17: What toys do you like? (Bạn thích món đồ chơi nào?)" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-lop-3-|-unit-17-what-toys-do-you-like-ban-thich-mon-do-choi-nao1665118509.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-3-unit-18-what-are-you-doing-ban-dang-lam-gi-the-1972">Từ vựng tiếng Anh lớp 3 | Unit 17: What toys do you like? (Bạn thích món đồ chơi nào?)</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-ve-cam-trai-1204" title="Từ vựng Tiếng Anh về Cắm trại">
<img class="blog-lazy lazy" alt="Từ vựng Tiếng Anh về Cắm trại" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-ve-cam-trai-1550215282.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-ve-cam-trai-1204">Từ vựng Tiếng Anh về Cắm trại</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/ngu-phap-tieng-anh">Ngữ pháp</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/tat-tan-tat-cau-truc-so-as-trong-tieng-anh-2098" title="Tất tần tật cấu trúc So as trong tiếng Anh">
<img class="blog-lazy lazy" alt="Tất tần tật cấu trúc So as trong tiếng Anh" data-src="https://www.voca.vn/assets/img/news/tat-tan-tat-cau-truc-so-as-trong-tieng-anh1676889684.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tat-tan-tat-cau-truc-so-as-trong-tieng-anh-2098">Tất tần tật cấu trúc So as trong tiếng Anh</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/thi-tuong-lai-hoan-thanh-tiep-dien-498" title="Thì Tương Lai Hoàn Thành Tiếp Diễn">
<img class="blog-lazy lazy" alt="Thì Tương Lai Hoàn Thành Tiếp Diễn" data-src="https://www.voca.vn/assets/img/news/future-perfect-continuous-tuong-lai-hoan-thanh-tiep-dien-1510710114.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/thi-tuong-lai-hoan-thanh-tiep-dien-498">Thì Tương Lai Hoàn Thành Tiếp Diễn</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/cach-doc-so-thu-tu-so-dem-trong-tieng-anh-531" title="Cách đọc số thứ tự, số đếm trong tiếng Anh">
<img class="blog-lazy lazy" alt="Cách đọc số thứ tự, số đếm trong tiếng Anh" data-src="https://www.voca.vn/assets/img/news/cardinal-number-so-dem-1510712434.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/cach-doc-so-thu-tu-so-dem-trong-tieng-anh-531">Cách đọc số thứ tự, số đếm trong tiếng Anh</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/mau-cau-tieng-anh">Mẫu câu</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/100-cau-tieng-anh-giao-tiep-thong-dung-hang-ngay-cap-nhat-2025-2291" title="100 Câu Tiếng Anh Giao Tiếp Thông Dụng Hàng Ngày [Cập nhật 2025]">
<img class="blog-lazy lazy" alt="100 Câu Tiếng Anh Giao Tiếp Thông Dụng Hàng Ngày [Cập nhật 2025]" data-src="https://www.voca.vn/assets/img/news/100-cau-tieng-anh-giao-tiep-thong-dung-hang-ngay-[cap-nhat-2025]1756283669.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/100-cau-tieng-anh-giao-tiep-thong-dung-hang-ngay-cap-nhat-2025-2291">100 Câu Tiếng Anh Giao Tiếp Thông Dụng Hàng Ngày [Cập nhật 2025]</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/nhung-mau-cau-tieng-anh-thong-dung-giup-ban-thuc-giuc-nguoi-khac-hanh-dong-1600" title="Những mẫu câu tiếng Anh thông dụng giúp bạn thúc giục người khác hành động">
<img class="blog-lazy lazy" alt="Những mẫu câu tiếng Anh thông dụng giúp bạn thúc giục người khác hành động" data-src="https://www.voca.vn/assets/img/news/nhung-mau-cau-tieng-anh-thong-dung-giup-ban-thuc-giuc-nguoi-khac-hanh-dong1623653367.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/nhung-mau-cau-tieng-anh-thong-dung-giup-ban-thuc-giuc-nguoi-khac-hanh-dong-1600">Những mẫu câu tiếng Anh thông dụng giúp bạn thúc giục người khác hành động</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/mau-cau-ru-re-de-nghi-trong-tieng-anh-1839" title="MẪU CÂU RỦ RÊ, ĐỀ NGHỊ TRONG TIẾNG ANH">
<img class="blog-lazy lazy" alt="MẪU CÂU RỦ RÊ, ĐỀ NGHỊ TRONG TIẾNG ANH" data-src="https://www.voca.vn/assets/img/news/mau-cau-ru-re-de-nghi-trong-tieng-anh1649921759.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/mau-cau-ru-re-de-nghi-trong-tieng-anh-1839">MẪU CÂU RỦ RÊ, ĐỀ NGHỊ TRONG TIẾNG ANH</a>
</h3>
</div>
<div class="clearfix"></div>
</div>

<div id='VN_Voca_Desktop_Billboard.Center.2' style="margin-top: 20px; margin-bottom: 00px; float: left;width: 100%;display: flex;justify-content: center;text-align: center;"></div>
<script>
googletag.cmd.push(function() { googletag.display('VN_Voca_Desktop_Billboard.Center.2'); });
</script>

<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/pronunciation">Học phát âm</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--phu-am---consonants---1110" title="Hướng dẫn cách phát âm tiếng Anh | phụ âm /θ/ | Consonants /θ/ ">
<img class="blog-lazy lazy" alt="Hướng dẫn cách phát âm tiếng Anh | phụ âm /θ/ | Consonants /θ/ " data-src="https://www.voca.vn/assets/img/news/phu-am-θ-1544167485.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--phu-am---consonants---1110">Hướng dẫn cách phát âm tiếng Anh | phụ âm /θ/ | Consonants /θ/ </a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--nguyen-am---hoac----vowel--or--1094" title="Hướng dẫn cách phát âm tiếng Anh | nguyên âm /ɔ/ hoặc /ɔ:/ | Vowel /ɔ/ or /ɔ:/">
<img class="blog-lazy lazy" alt="Hướng dẫn cách phát âm tiếng Anh | nguyên âm /ɔ/ hoặc /ɔ:/ | Vowel /ɔ/ or /ɔ:/" data-src="https://www.voca.vn/assets/img/news/nguyen-am-ɔ-1544107605.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--nguyen-am---hoac----vowel--or--1094">Hướng dẫn cách phát âm tiếng Anh | nguyên âm /ɔ/ hoặc /ɔ:/ | Vowel /ɔ/ or /ɔ:/</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--phu-am-g--consonants-g-1122" title="Hướng dẫn cách phát âm tiếng Anh | phụ âm /g/ | Consonants /g/">
<img class="blog-lazy lazy" alt="Hướng dẫn cách phát âm tiếng Anh | phụ âm /g/ | Consonants /g/" data-src="https://www.voca.vn/assets/img/news/phu-am-g-1544176637.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/huong-dan-cach-phat-am-tieng-anh--phu-am-g--consonants-g-1122">Hướng dẫn cách phát âm tiếng Anh | phụ âm /g/ | Consonants /g/</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/tieng-anh-giao-tiep">Giao tiếp</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-5-mon-hoc-yeu-thich-cua-ban-la-gi-1137" title="Video tiếng Anh giao tiếp theo tình huống (Part 5: Môn học yêu thích của bạn là gì?)">
<img class="blog-lazy lazy" alt="Video tiếng Anh giao tiếp theo tình huống (Part 5: Môn học yêu thích của bạn là gì?)" data-src="https://www.voca.vn/assets/img/news/tieng-anh-giao-tiep-theo-tinh-huong-2-1545033520.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-5-mon-hoc-yeu-thich-cua-ban-la-gi-1137">Video tiếng Anh giao tiếp theo tình huống (Part 5: Môn học yêu thích của bạn là gì?)</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-20-trong-gio-hoc-ve-1152" title="Video tiếng Anh giao tiếp theo tình huống (Part 20: Trong giờ học vẽ)">
<img class="blog-lazy lazy" alt="Video tiếng Anh giao tiếp theo tình huống (Part 20: Trong giờ học vẽ)" data-src="https://www.voca.vn/assets/img/news/tieng-anh-giao-tiep-theo-tinh-huong2-1545125223.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-20-trong-gio-hoc-ve-1152">Video tiếng Anh giao tiếp theo tình huống (Part 20: Trong giờ học vẽ)</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-29-cau-cam-than-tt-1161" title="Video tiếng Anh giao tiếp theo tình huống (Part 29: Câu cảm thán –tt)">
<img class="blog-lazy lazy" alt="Video tiếng Anh giao tiếp theo tình huống (Part 29: Câu cảm thán –tt)" data-src="https://www.voca.vn/assets/img/news/tieng-anh-giao-tiep-theo-tinh-huong-1545208111.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/video-tieng-anh-giao-tiep-theo-tinh-huong-part-29-cau-cam-than-tt-1161">Video tiếng Anh giao tiếp theo tình huống (Part 29: Câu cảm thán –tt)</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/writing-skill">Luyện viết</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/gioi-thieu-ve-he-thong-voca-writing-1435" title="Academic Writing: tìm hiểu về phương pháp luyện kỹ năng Viết tiếng Anh theo phong cách học thuật)">
<img class="blog-lazy lazy" alt="Academic Writing: tìm hiểu về phương pháp luyện kỹ năng Viết tiếng Anh theo phong cách học thuật)" data-src="https://www.voca.vn/assets/img/news/tim-hieu-ve-voca-writing---he-thong-luyen-ky-nang-viet-tieng-anh-theo-phong-cach-hoc-thuat1583934011.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/gioi-thieu-ve-he-thong-voca-writing-1435">Academic Writing: tìm hiểu về phương pháp luyện kỹ năng Viết tiếng Anh theo phong cách học thuật)</a>
</h3>
</div>

<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/tieng-anh-pho-thong">Phổ thông</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-401-2190" title="Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 401)">
<img class="blog-lazy lazy" alt="Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 401)" data-src="https://www.voca.vn/assets/img/news/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-4011719392061.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-401-2190">Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 401)</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-417-2206" title="Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 417)">
<img class="blog-lazy lazy" alt="Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 417)" data-src="https://www.voca.vn/assets/img/news/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-4171719398333.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2024-ma-de-417-2206">Đáp án môn tiếng Anh THPT Quốc gia 2024 (Mã đề: 417)</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2023-ma-de-403-2124" title="Đáp án môn tiếng Anh THPT Quốc gia 2023 (Mã đề: 403)">
<img class="blog-lazy lazy" alt="Đáp án môn tiếng Anh THPT Quốc gia 2023 (Mã đề: 403)" data-src="https://www.voca.vn/assets/img/news/dap-an-mon-tieng-anh-thpt-quoc-gia-2023-ma-de-4031687858318.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/dap-an-mon-tieng-anh-thpt-quoc-gia-2023-ma-de-403-2124">Đáp án môn tiếng Anh THPT Quốc gia 2023 (Mã đề: 403)</a>
</h3>
</div>
<div class="clearfix"></div>
</div>

<div id='VN_Voca_Desktop_Billboard.Center.3' style="margin-top: 20px; margin-bottom: 00px; float: left;width: 100%;display: flex;justify-content: center;text-align: center;"></div>
<script>
googletag.cmd.push(function() { googletag.display('VN_Voca_Desktop_Billboard.Center.3'); });
</script>

<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/toeic">TOEIC</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/tong-hop-ngu-phap-tieng-anh-luyen-thi-toeic-2019-1271" title="Tổng hợp Ngữ pháp Tiếng Anh luyện thi TOEIC 2019">
<img class="blog-lazy lazy" alt="Tổng hợp Ngữ pháp Tiếng Anh luyện thi TOEIC 2019" data-src="https://www.voca.vn/assets/img/news/NGU-PHAP-TOEIC-1554973449.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tong-hop-ngu-phap-tieng-anh-luyen-thi-toeic-2019-1271">Tổng hợp Ngữ pháp Tiếng Anh luyện thi TOEIC 2019</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/600-essential-words-for-the-toeic-part-36-general-travel-1023" title="600 Essential Words For the TOEIC (Part 36: General Travel)">
<img class="blog-lazy lazy" alt="600 Essential Words For the TOEIC (Part 36: General Travel)" data-src="https://www.voca.vn/assets/img/news/600-tu-vung-tieng-anh-toeic-1542267529.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/600-essential-words-for-the-toeic-part-36-general-travel-1023">600 Essential Words For the TOEIC (Part 36: General Travel)</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/600-essential-words-for-the-toeic-part-47-dentists-office-1034" title="600 Essential Words For the TOEIC (Part 47: Dentist’s office)">
<img class="blog-lazy lazy" alt="600 Essential Words For the TOEIC (Part 47: Dentist’s office)" data-src="https://www.voca.vn/assets/img/news/600-tu-vung-tieng-anh-toeic-1542277262.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/600-essential-words-for-the-toeic-part-47-dentists-office-1034">600 Essential Words For the TOEIC (Part 47: Dentist’s office)</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/ielts">IELTS</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/nang-tam-writing-bang-loat-tu-noi-trong-tieng-anh-1688" title="Nâng tầm writing bằng loạt từ nối trong tiếng Anh">
<img class="blog-lazy lazy" alt="Nâng tầm writing bằng loạt từ nối trong tiếng Anh" data-src="https://www.voca.vn/assets/img/news/nang-tam-writing-bang-loat-tu-noi-trong-tieng-anh1635849836.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/nang-tam-writing-bang-loat-tu-noi-trong-tieng-anh-1688">Nâng tầm writing bằng loạt từ nối trong tiếng Anh</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tat-tan-tat-bo-tai-lieu-chinh-phuc-moi-ky-thi-ielts-toeic-dai-hoc-va-thpt-quoc-gia-567" title="Tất tần tật bộ tài liệu chinh phục mọi kỳ thi IELTS, TOEIC, Đại Học và THPT Quốc Gia">
<img class="blog-lazy lazy" alt="Tất tần tật bộ tài liệu chinh phục mọi kỳ thi IELTS, TOEIC, Đại Học và THPT Quốc Gia" data-src="https://www.voca.vn/assets/img/news/tai-lieu-tieng-anh-1510714605.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tat-tan-tat-bo-tai-lieu-chinh-phuc-moi-ky-thi-ielts-toeic-dai-hoc-va-thpt-quoc-gia-567">Tất tần tật bộ tài liệu chinh phục mọi kỳ thi IELTS, TOEIC, Đại Học và THPT Quốc Gia</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/cac-ky-nang-nen-tang-thuong-bi-bo-qua-khi-luyen-thi-ielts-1228" title="Các kỹ năng nền tảng thường bị bỏ qua khi luyện thi IELTS">
<img class="blog-lazy lazy" alt="Các kỹ năng nền tảng thường bị bỏ qua khi luyện thi IELTS" data-src="https://www.voca.vn/assets/img/news/nhung-nen-tang-khi-luyen-ielts-1550824270.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/cac-ky-nang-nen-tang-thuong-bi-bo-qua-khi-luyen-thi-ielts-1228">Các kỹ năng nền tảng thường bị bỏ qua khi luyện thi IELTS</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/tieng-anh-tre-em">Trẻ em</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/tieng-anh-tre-em--chu-de-at-an-art-museum-713" title="Tiếng Anh trẻ em | Chủ đề: At an art museum">
<img class="blog-lazy lazy" alt="Tiếng Anh trẻ em | Chủ đề: At an art museum" data-src="https://www.voca.vn/assets/img/news/at-an-art-museum-1530090045.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tieng-anh-tre-em--chu-de-at-an-art-museum-713">Tiếng Anh trẻ em | Chủ đề: At an art museum</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tieng-anh-tre-em--hoc-tu-vung-chu-de-nghe-nghiep-1226" title="Tiếng Anh trẻ em | Học từ vựng chủ đề: Nghề nghiệp">
<img class="blog-lazy lazy" alt="Tiếng Anh trẻ em | Học từ vựng chủ đề: Nghề nghiệp" data-src="https://www.voca.vn/assets/img/news/tieng-anh-tre-em-tu-vung-nghe-nghiep-1550743080.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tieng-anh-tre-em--hoc-tu-vung-chu-de-nghe-nghiep-1226">Tiếng Anh trẻ em | Học từ vựng chủ đề: Nghề nghiệp</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tieng-anh-tre-em--chu-de-pets-717" title="Tiếng Anh trẻ em | Chủ đề: Pets">
<img class="blog-lazy lazy" alt="Tiếng Anh trẻ em | Chủ đề: Pets" data-src="https://www.voca.vn/assets/img/news/Pets-1530089992.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tieng-anh-tre-em--chu-de-pets-717">Tiếng Anh trẻ em | Chủ đề: Pets</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/tieng-anh-trung-hoc-co-so">Trung học cơ sở</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-9-unit-1-local-environment---moi-truong-dia-phuong-1697" title="Từ vựng tiếng Anh lớp 9 | Unit 1: Local Environment - Môi trường địa phương">
<img class="blog-lazy lazy" alt="Từ vựng tiếng Anh lớp 9 | Unit 1: Local Environment - Môi trường địa phương" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-lop-9-|-unit-1-local-environment---moi-truong-dia-phuong1640596858.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-9-unit-1-local-environment---moi-truong-dia-phuong-1697">Từ vựng tiếng Anh lớp 9 | Unit 1: Local Environment - Môi trường địa phương</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-8-unit-8-english-speaking-countries---nhung-quoc-gia-noi-tieng-anh-1723" title="Từ vựng tiếng Anh lớp 8 | Unit 8: English Speaking Countries - Những quốc gia nói tiếng Anh">
<img class="blog-lazy lazy" alt="Từ vựng tiếng Anh lớp 8 | Unit 8: English Speaking Countries - Những quốc gia nói tiếng Anh" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-lop-8-|-unit-8-english-speaking-countries---nhung-quoc-gia-noi-tieng-anh1641351194.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-8-unit-8-english-speaking-countries---nhung-quoc-gia-noi-tieng-anh-1723">Từ vựng tiếng Anh lớp 8 | Unit 8: English Speaking Countries - Những quốc gia nói tiếng Anh</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-9-unit-6-viet-nam-then-and-now---viet-nam-ngay-xua-va-nay-1714" title="Từ vựng tiếng Anh lớp 9 | Unit 6: Viet Nam: Then And Now - Việt Nam: ngày xưa và nay">
<img class="blog-lazy lazy" alt="Từ vựng tiếng Anh lớp 9 | Unit 6: Viet Nam: Then And Now - Việt Nam: ngày xưa và nay" data-src="https://www.voca.vn/assets/img/news/tu-vung-tieng-anh-lop-9-|-unit-6-viet-nam-then-and-now---viet-nam-ngay-xua-va-nay1641365097.png"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/tu-vung-tieng-anh-lop-9-unit-6-viet-nam-then-and-now---viet-nam-ngay-xua-va-nay-1714">Từ vựng tiếng Anh lớp 9 | Unit 6: Viet Nam: Then And Now - Việt Nam: ngày xưa và nay</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/music">Âm nhạc</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/loi-dich-bai-hat-you-belong-with-me-271" title="Lời dịch bài hát You belong with me">
<img class="blog-lazy lazy" alt="Lời dịch bài hát You belong with me" data-src="https://www.voca.vn/assets/img/news/you belong with me-1498560086.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-you-belong-with-me-271">Lời dịch bài hát You belong with me</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/loi-dich-bai-hat-daisy-1944" title="Lời dịch bài hát Daisy">
<img class="blog-lazy lazy" alt="Lời dịch bài hát Daisy" data-src="https://www.voca.vn/assets/img/news/loi-dich-bai-hat-daisy1663237073.jpeg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-daisy-1944">Lời dịch bài hát Daisy</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/loi-dich-bai-hat-say-something-640" title="Lời dịch bài hát Say Something">
<img class="blog-lazy lazy" alt="Lời dịch bài hát Say Something" data-src="https://www.voca.vn/assets/img/news/Say Something-1517907618.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/loi-dich-bai-hat-say-something-640">Lời dịch bài hát Say Something</a>
</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="blog-cate-item">
<h2><a href="https://www.voca.vn/blog/english-club">Club</a></h2>

<div class="cate-item-first">
<a class="cate-item-link" href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-free-english-class-saigon-773" title="Câu lạc bộ tiếng Anh Free English Class SaiGon">
<img class="blog-lazy lazy" alt="Câu lạc bộ tiếng Anh Free English Class SaiGon" data-src="https://www.voca.vn/assets/img/news/free-english-saigon-avt-1530083365.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-free-english-class-saigon-773">Câu lạc bộ tiếng Anh Free English Class SaiGon</a>
</h3>
</div>

<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-couchsurfing-hanoi-811" title="Câu lạc bộ tiếng Anh CouchSurfing Hanoi">
<img class="blog-lazy lazy" alt="Câu lạc bộ tiếng Anh CouchSurfing Hanoi" data-src="https://www.voca.vn/assets/img/news/cs-ha-noi-english-club-1530669453.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-couchsurfing-hanoi-811">Câu lạc bộ tiếng Anh CouchSurfing Hanoi</a>
</h3>
</div>
<div class="cate-item-second">
<a class="cate-item-link" href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-izienglish-772" title="Câu lạc bộ tiếng Anh IziEnglish">
<img class="blog-lazy lazy" alt="Câu lạc bộ tiếng Anh IziEnglish" data-src="https://www.voca.vn/assets/img/news/izienglish-avt-1530083179.jpg"/>
</a>
<h3>
<a href="https://www.voca.vn/blog/cau-lac-bo-tieng-anh-izienglish-772">Câu lạc bộ tiếng Anh IziEnglish</a>
</h3>
</div>
<div class="clearfix"></div>
</div>

</div>
</div>
<div class="clearfix"></div>

</div>
</div>
</div>

<script type="text/javascript" src="https://www.voca.vn/assets/js/lazyload.min.js?n=2875"></script>
<script>
new LazyLoad({
elements_selector: ".lazy"
});
</script>

<script type="text/javascript" src="https://www.voca.vn/assets/js/blog.js?n=2875"></script>

</div>

<style>
#login-modal .modal-dialog{
max-width: 565px;
}
#login-modal .modal-content{
border-radius: 20px;
}
#login-modal .modal-header{
padding: 25px;
}
#login-modal .modal-header p{
margin: 0px auto;
text-align: center;
max-width: 480px;
font-size: 24px;
font-family: balootammabold;
color: var(--color-text-dark);
}
#login-modal .modal-body{
padding: 35px;
}
#login-modal .modal-body .btn-modal-login{
width: 100%;
max-width: 187px;
background: #2B70C9;
color: var(--color-white);
border-color: #0088ac;
text-transform: uppercase;
margin: 10px auto 0px;
display: inline-block;
height: 46px;
line-height: 46px;
border: 0;
border-bottom: 4px solid #1453A3;
}
#login-modal .modal-body .btn-modal-login:hover {
webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
#login-modal .modal-body .btn-modal-register{
width: 100%;
max-width: 187px;
background: #58CC02;
color: var(--color-white);
border-color: #65A20E;
text-transform: uppercase;
margin: 10px auto 0px;
display: inline-block;
height: 46px;
line-height: 46px;
border: 0;
border-bottom: 4px solid #65A20E;
}
#login-modal .modal-body .btn-modal-register:hover {
webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
#login-modal .login-modal-other-login{
max-width: 373px;
margin: auto;
}
#login-modal .login-modal-other-login .or-group {
align-items: center;
display: flex;
justify-content: center;
margin: 20px 0;
}
#login-modal .login-modal-other-login .or-line {
background: var(--color-gray-dark);
flex-grow: 1;
height: 2px;
}
#login-modal .login-modal-other-login .or-text {
font-size: 13px;
font-family: balootammamedium;
letter-spacing: .8px;
text-transform: uppercase;
color: var(--color-text-light);
flex-grow: 0;
padding: 0 8px;
}
#login-modal .login-modal-other-login .login-modal-other-button {
display: flex;
justify-content: space-between;
margin: 20px 0 0;
}

#login-modal .login-modal-other-login .login-modal-other-button a {
align-items: center;
display: flex;
flex: 1;
flex-direction: row;
text-align: center;
font-size: 15px;
font-family: balootammabold;
text-transform: uppercase;
border: 1px solid var(--color-border-gray-light);
line-height: 58px;
height: 53px;
border-radius: 10px;
border-bottom: 2px solid var(--color-border-gray-light);
vertical-align: middle;
justify-content: center;
}
#login-modal .login-modal-other-login .login-modal-other-button a:hover{
text-decoration: none;
background: var(--color-gray-light);
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-google {
color: #4b8af4;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-facebook {
margin-left: 15px;
color: #5e77b9;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-google i {
width: 19.826px;
height: 20.402px;
background: url(https://www.voca.vn/assets/images/voca-bg.svg) 0px -160px;
margin-right: 10px;
flex: 0 0 auto;
display: inline-block;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-facebook i {
width: 11.511px;
height: 21.984px;
background: url(https://www.voca.vn/assets/images/voca-bg.svg) 0px -190px;
margin-right: 10px;
flex: 0 0 auto;
display: inline-block;
}
#login-modal .login-modal-content{
text-align: center;
}
@media(max-width: 500px){
#login-modal .modal-body .btn-modal-register,
#login-modal .modal-body .btn-modal-login{
max-width: unset;
}
#login-modal .modal-body {
padding: 20px;
}
#login-modal .login-modal-other-login .login-modal-other-button {
display: block;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-facebook {
margin-left: 0px;
margin-top: 10px
}
}

#login-modal .modal-body{
padding-top: 10px;
}
#login-modal .modal-body .btn-modal-register,
#login-modal .modal-body .btn-modal-login,
#login-modal .login-modal-other-login .or-group{
}
#login-modal .login-modal-other-login .login-modal-other-button{
display: block;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-google{
margin-bottom: 15px;
}
#login-modal .login-modal-other-login .login-modal-other-button a.btn-facebook{
margin: 0;
}
</style>

<div class="modal" id="login-modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<p>Hãy đăng nhập hoặc tạo một tài khoản học miễn phí để bắt đầu bạn nhé</p>
</div>
<div class="modal-body">
<div class="login-modal-content">
<a href="https://www.voca.vn/login" class="ui-button-longer btn-modal-login">Đăng nhập</a>
<a href="https://www.voca.vn/register" class="ui-button-longer btn-modal-register">Đăng ký</a>

<div class="login-modal-other-login">
<div class="or-group">
<div class="or-line"></div>
<div class="or-text">Hoặc</div>
<div class="or-line"></div>
</div>

<div class="login-modal-other-button">

<a href="javascript:void(0)" onclick="googleLogin('0','');" class="btn-google">
<i></i>
<span>ĐĂNG NHẬP VỚI GOOGLE</span>
</a>
<a href="javascript:void(0)" onclick="facebookLogin('0','');" class="btn-facebook">
<i></i>
<span>ĐĂNG NHẬP VỚI FACEBOOK</span>
</a>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
 <style>

/**footer**/
footer{
width: 100%;
min-height: 200px;
background: #1CB0F6;
}
.footer-info{
padding-bottom: 10px;
}
.footer-info .footer-info-content{
max-width: 1094px;
padding: 0px 25px 0px;
margin: auto;
}
.footer-info .footer-info-content .info-item{
float: left;
width: calc(33% - 75px);
padding-right: 30px;
}
.footer-info .footer-info-content .info-item.item-intro{
width: 28%;
padding-right: 60px;
}

.footer-info .footer-info-content .info-item.item-mobile .qr-code{
width: 154px;
height: 170px;
background: #fff;
border-radius: 8px;
padding: 6px;
}

.footer-info .footer-info-content .info-item h5{
font-size: 17px;
font-family: 'balootammasemibold';
margin-bottom: 20px;
color: var(--color-white);
margin-top: 0;
max-width: 130px;
line-height: 23px;
}
.footer-info .footer-info-content .info-item h5.for-organization{
margin-top: 23px;
}
.footer-info .footer-info-content .info-item h5.term{
margin-top: 20px;
}
.footer-info .footer-info-content .info-item.item-menu{
padding-left: 0;
padding-right: 0;
width: 20%;
}
.footer-info .footer-info-content .info-item.item-mobile{
width: 170px;
padding: 0;
padding-left: 0;
}
.footer-info .footer-info-content .info-item.item-menu.item-menu-mobile{
display: none;
}
.footer-info .footer-info-content .info-item.item-contact{
padding-left: 30px;
width: 32%;
}
.footer-info .footer-info-content .info-item.item-contact .div-organization h5{
max-width: unset;
margin-top: 30px;
}
.footer-info .footer-info-content .info-item h6{
color: #fff;
font-size: 15px;
font-family: balootamma;
line-height: 1.5;
opacity: .7;
margin-bottom: 25px;
}
.footer-info .footer-info-content .info-item .btn-view-more{
color: #BBF2FF;
font-size: 15px;
font-family: 'balootammasemibold';
line-height: 1.5;
opacity: .7;
}
.footer-info .footer-info-content .info-item.item-menu a{
display: block;
font-family: balootammabold;
line-height: 1.4;
margin-bottom: 10px;
position: relative;
color: #fff;
font-size: 15px;
opacity: 0.5;
max-width: 170px;
text-decoration: none;
}
.footer-info .footer-info-content .info-item.item-menu a:hover{
opacity: 1;
text-decoration: none;
}

.footer-info .footer-info-content .info-item.item-app a{
display: block;
width: 150px;
height: 69px;
background: #fff;
border-radius: 15px;
border-bottom: 4px solid #DDF4FF;
line-height: unset;
text-align: left;
text-transform: none;
opacity: 1;
}
.footer-info .footer-info-content .info-item.item-app .btn-ios{
margin-right: 20px;
}
.footer-info .footer-info-content .info-item.item-app .image{
width: 50px;
float: left;
padding-left: 15px;
padding-top: 18px;
}
.footer-info .footer-info-content .info-item.item-app .text{
width: calc(100% - 50px);
float: left;
padding-top: 15px;
}
.footer-info .footer-info-content .info-item.item-app .text span{
display: block;
color: #1CB0F6;
font-size: 13px;
font-family: 'balootammasemibold';
}
.footer-info .footer-info-content .info-item.item-app .text strong{
display: block;
font-family: 'balootammabold';
font-weight: 400;
color: #1CB0F6;
font-size: 16px;
}

.footer-info .footer-info-content .info-item.item-contact a{
display: block;
font-family: balootamma;
line-height: 1.4;
margin-bottom: 10px;
position: relative;
color: #fff;
font-size: 15px;
opacity: 0.7;
width: 100%;
padding-left: 43px;
max-width: 100%;
}
.footer-info .footer-info-content .info-item.item-contact a.email{
margin-left: 5px;
margin-top: 25px;
}
.footer-info .footer-info-content .info-item.item-contact a svg,
.footer-info .footer-info-content .info-item.item-contact a i{
position: absolute;
left: 0;
top: 0
}
.footer-info .footer-info-content .info-item.item-contact a img{
width: 30px;
position: absolute;
left: 0px;
top: -4px;
}
.footer-info .footer-info-content .info-item.item-contact a.a-term{
padding-left: 0;
font-family: balootammamedium;
}

.footer-info .footer-info-content .info-item.item-contact a:hover{
text-decoration: none;
}
.footer-info .footer-info-content .footer-button{
max-width: 520px;
margin: auto;
text-align: center;
}
.footer-info .footer-info-content .footer-button h3{
margin: 30px 0px 0px;
color: var(--color-white);
font-size: 32px;
font-family: 'balootammabold';
text-align: center;
display: block;
float: left;
}
.footer-info .footer-info-content .footer-button .btn-footer-register{
width: 100%;
height: 53px;
display: inline-block;
background: #58CC02;
border-radius: 18px;
text-align: center;
color: #fff;
line-height: 55px;
font-size: 15px;
font-family: 'balootammabold';
border-bottom: 4px solid #58A700;
margin-top: 18px;
margin-left: 20px;
margin-right: 0;
max-width: 150px;
margin-bottom: 0;
text-decoration: none;
float: left;
}
.footer-info .footer-info-content .footer-button .btn-footer-premium{
width: 100%;
height: 53px;
display: inline-block;
background: #58CC02;
border-radius: 18px;
text-align: center;
color: #fff;
line-height: 55px;
font-size: 15px;
font-family: 'balootammabold';
border-bottom: 4px solid #58A700;
margin-top: 18px;
margin-left: 20px;
margin-right: 0;
max-width: 150px;
margin-bottom: 0;
text-decoration: none;
float: left;
}
.footer-info .footer-info-content .footer-button .btn-footer-premium:hover{
background: #64e207;
}
.footer-info .footer-info-content .footer-button .footer-button-messeage{
margin-top: 20px;
text-transform: uppercase;
font-size: 18px;
font-family: 'balootammamedium';
color: #fff9;
}
.footer-button .btn-footer-appstore img{
width: 171px;
margin-right: 5px;
border-radius: 10px;
}
.footer-button .btn-footer-googleplay img{
width: 171px;
margin-left: 5px;
border-radius: 10px;
}
.footer-info .footer-info-content .btn-footer-more{
color: var(--color-white);
font-size: 15px;
font-family: balootammasemibold;
display: inline-block;
}

.footer-info .item-contact i{
display: inline-block;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n2") 0px -10180px;
width: 24px;
height: 24.002px;
}
.footer-info .item-contact .address i{
background-position: 0px -10210px;
height: 29.407px;
width: 22.054px;
}
.footer-info .item-contact .phonenumber i{
background-position: 0px -10250px;
height: 24.051px;
width: 24px;
}
.footer-info .item-contact .email i{
background-position: 0px -10280px;
height: 16.5px;
width: 24px;
}
.footer-info .item-contact span{
display: inline-block;
line-height: 1.4;
display: block;
font-family: balootamma;
}
.footer-info .item-contact span strong{
font-weight: 100;
font-family: balootammamedium;
}
.footer-info .item-contact span.sp-small{
font-size: 12px;
margin-top: 3px;
}
.info-group{
padding-top: 70px;
}
.footer-info .footer-info-content .info-item.item-mobile img{
width: 100%;
}
.footer-info .footer-info-content .info-item.item-mobile .qr-scan{
text-align: center;
color: #242C93;
font-size: 12px;
font-family: balootammabold;
margin-top: 2px;
}
.footer-info .footer-info-content .info-item.item-mobile .mobile-or{
color: #fff;
font-size: 17px;
margin-top: 25px;
font-family: balootammasemibold;
}
.footer-info .footer-info-content .info-item.item-mobile .btn-footer-appstore,
.footer-info .footer-info-content .info-item.item-mobile .btn-footer-googleplay{
font-size: 15px;
display: block;
color: #fff;
font-family: 'balootammamedium';
opacity: 0.6;
margin-top: 10px;
}
.footer-copyright{
color: #fff;
font-size: 16px;
text-align: left;
padding-top: 10px;
border-top: 2px solid rgb(255 255 255 / 8%);
max-width: 1064px;
margin: 10px auto 0px;
font-family: 'balootammasemibold';
padding-right: 0;
padding-left: 0;
}
.footer-copyright span{
opacity: 0.7;

margin-right: 30px;
}
.footer-copyright .link-facebook{
float: right;
color: #fff;
font-size: 15px;
font-family: 'balootammamedium';
margin-top: 20px;
opacity: 0.55;
text-decoration: none;
margin-left: 10px;
}
.footer-copyright .link-facebook span{
margin-right: 0;
margin-left: 5px;
}
.footer-copyright .link-privacy{
float: right;
color: #fff;
font-size: 15px;
font-family: 'balootammamedium';
margin-top: 30px;
opacity: 0.55;
}
.footer-brand{
max-width: 1094px;
padding: 0px 25px 0px;
margin: auto;
}
.footer-brand-content{
border-top: 2px solid rgb(255 255 255 / 20%);
padding-top: 20px;
}
.footer-brand-content .brand-item-title{
width: 130px;
float: left;
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-family: balootammabold;
}
.footer-brand-content .brand-item-name{
width: calc(50% - 130px);
float: left;
padding-left: 15px;
color: rgb(255 255 255 / 67%);
}
.footer-brand-content .brand-item-name strong{
display: block;
font-size: 15px;
font-family: 'balootammabold';
}
.footer-brand-content .brand-item-name span{
display: block;
font-size: 15px;
font-family: 'balootammasemibold';
margin-top: 5px;
}
.footer-brand-content .brand-item-address{
width: calc(50% - 130px);
float: left;
padding-left: 15px;
color: rgb(255 255 255 / 67%);
font-size: 15px;
padding-right: 30px;
max-width: 370px;
font-family: 'balootammabold';
}
.footer-brand-content .brand-item-hotline{
width: 130px;
float: left;
color: #fff;
padding-top: 28px;
}
.footer-copyright .img-trademark{
width: 100%;
max-width: 170px;
margin-top: 7px;
float: left;
}
.footer-copyright .trademark{
opacity: 0.7;
margin-right: 30px;
font-size: 13px;
font-family: 'balootamma';
max-width: 240px;
display: inline-block;
margin-top: 15px;
padding-left: 10px;
}
@media(max-width: 991px){
.footer-info .footer-info-content .info-item.item-menu {
padding-left: 0;
padding-right: 0;
width: 25%;
}
.footer-info .footer-info-content .info-item.item-contact{
width: 100%;
padding: 40px 0px 0px;
}
.footer-copyright{
padding-left: 30px;
padding-right: 30px;
}
}
@media(max-width: 776px){
.footer-info .footer-info-content{
padding: 0px 32px;
}
.footer-info .footer-info-content .footer-button h3{
margin: 0;
float: none;
text-align: center;
font-size: 25px;
line-height: 33px;
}
.footer-info .footer-info-content .footer-button .footer-button-messeage{
font-size: 15px;
}
.footer-info .footer-info-content .footer-button .btn-footer-register{
float: none;
margin: 15px auto 0px;
display: block;
width: 230px;
}
.footer-info .footer-info-content .footer-button .btn-footer-premium{
float: none;
margin: 15px auto 0px;
display: block;
width: 100%;
max-width: 286px;
}
.footer-info .footer-info-content .footer-button{
padding-bottom: 0px;
}
.info-group{
margin-top: 25px;
padding-top: 25px;
}
.footer-info .footer-info-content .info-item.item-intro{
width: 100%;
padding: 0;
float: none;
margin-bottom: 20px;
}
.footer-info .footer-info-content .info-item h5{
margin-bottom: 10px;
max-width: unset;
}

.footer-info .footer-info-content .info-item.active h5{
margin-bottom: 20px;
max-width: unset;
}

.footer-info .footer-info-content .info-item.item-menu{
padding: 0;
width: 100%;
float: none;
margin-top: 0px;
position: relative;
padding-bottom: 20px;
}
.footer-info .footer-info-content .info-item.item-menu a{
max-width: 100%;
}
.footer-info .footer-info-content .info-item.item-menu .div-organization{
display: none;
}
.footer-info .footer-info-content .info-item.item-menu.item-menu-mobile {
display: block;
}
.footer-info .footer-info-content .info-item h5.term{
margin-top: 0;
}
.footer-info .footer-info-content .info-item.item-contact{
width: 100%;
padding: 0px 0px 10px;
position: relative;
}

.footer-info .footer-info-content .info-item.item-contact .div-organization{
display: none;
}

.footer-info .item-contact span{
margin: 0;
width: 100%;
}
.footer-info .footer-info-content .info-item.item-mobile{
width: 100%;
border-top: 1px solid rgb(255,255,255,0.5);
padding-top: 20px;
position: relative;
}
.footer-copyright{
padding: 20px 0px;
font-size: 12px;
margin-left: 25px;
margin-right: 25px;
}
.footer-copyright .link-facebook,
.footer-copyright .link-privacy{
display: none;
}
.footer-copyright .link-term{
display: none;
}
.footer-copyright span{
margin: 0;
max-width: 200px;
display: inline-block;
}
.footer-copyright a{
width: 83px;
display: inline-block;
float: right;
margin-top: -13px;
}
.footer-info {
padding-bottom: 0;
}
.footer-info .footer-info-content .info-item u{
background: url("https://www.voca.vn/assets/images/plus-symbol.svg");
display: inline-block;
width: 15.314px;
height: 15.314px;
position: absolute;
right: 0;
}

.footer-info .footer-info-content .info-item.active u{
background: url("https://www.voca.vn/assets/images/minus-symbol.svg");
width: 15.314px;
height: 2px;

}

.footer-info .footer-info-content .info-item.item-menu.active a,
.footer-info .footer-info-content .info-item.item-contact.active a,
.footer-info .footer-info-content .info-item.item-mobile.active a
{
display: block;
}
.footer-info .footer-info-content .info-item.item-mobile .qr-code{
margin-top: 30px;
}
.item-menu .item-mobile-content{
display: none;
}
.item-menu.active .item-mobile-content{
display: block;
max-width: 154px;
margin: auto;
}
.footer-info .footer-info-content .info-item.item-app .btn-ios{
margin-right: 10px;
}
.footer-info .footer-info-content .info-item.item-app a{
float: left;
}
.footer-brand-content .brand-item-title{
width: 100%;
float: none;
}
.footer-brand-content .brand-item-name{
width: 100%;
float: none;
padding: 0;
}
.footer-brand-content .brand-item-address{
width: 100%;
float: none;
padding: 0;
margin-top: 8;
}
.footer-brand-content .brand-item-hotline{
padding-top: 10px;
}
.footer-copyright a{
float: none;
}

}
/**footer**/
</style>

<footer>

<div class="footer-info">
<div class="footer-info-content">
<div class="footer-button">
<h3>Học tiếng Anh với VOCA.</h3>
<a href="https://www.voca.vn/register" class="btn-footer-premium" >BẮT ĐẦU</a>

<div class="clearfix"></div>
</div>

<div class="clearfix"></div>

<div class="info-group">
<div class="info-item item-menu active">
<h5>Giới thiệu</h5>
<a href="https://www.voca.vn/voca-project" class="">Câu chuyện</a>
<a href="https://www.voca.vn/library" class="">Khóa học</a>
<a href="https://www.voca.vn/method" class="">Phương pháp</a>
<a href="https://www.voca.vn/guide" class="">Hướng dẫn học</a>
<a href="https://www.voca.vn/media" class="">Truyền thông</a>
<a href="https://www.voca.vn/community" class="">Cộng đồng</a>
<a href="https://www.voca.vn/events" class="">Sự kiện</a>
<a href="https://www.voca.vn/blog" class="">Blog</a>
</div>

<div class="info-item item-menu">
<h5 class="item-title">Sản phẩm</h5>
<a href="https://www.voca.vn" class="">VOCA</a>
<a href="https://www.vocasuperkids.com" target="_blank" class="">VOCA Superkids</a>
<a href="https://class.voca.vn" target="_blank" class="">VOCA ClassZoom</a>
<a href="https://www.voca.vn/ept" class="">VOCA EPT</a>
<a href="https://music.voca.vn" target="_blank" class="">VOCA Music</a>

</div>

<div class="info-item item-menu">
<h5 class="item-title">Hỗ trợ</h5>
<a href="https://www.voca.vn/support" class="">Hỏi và đáp về VOCA</a>
<a href="https://class.voca.vn/help" target="_blank" class="">Hỏi và đáp về ClassZoom</a>
<a href="https://www.voca.vn/scholarship" class="">Học bổng dành cho học sinh, sinh viên</a>
</div>

<div class="info-item item-menu item-app ">
<h5 class="item-title">Ứng dụng Smartphone</h5>

<a href="https://apps.apple.com/vn/app/voca-learn-by-heart/id1046416446" target="_blank" class="btn-ios">
<div class="image">
<svg width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_8307_951)"><path d="M18.3737 14.3443C18.4117 18.4303 21.9607 19.79 22 19.8073C21.97 19.9031 21.4329 21.7449 20.1302 23.6474C19.004 25.2922 17.8353 26.9309 15.9941 26.9649C14.185 26.9982 13.6033 25.8928 11.5349 25.8928C9.46721 25.8928 8.82087 26.931 7.10833 26.9982C5.33113 27.0655 3.97777 25.2197 2.84233 23.5809C0.522095 20.2287 -1.25104 14.1085 1.12983 9.97732C2.3126 7.92574 4.4263 6.62659 6.72053 6.59328C8.46569 6.56001 10.1129 7.76655 11.1798 7.76655C12.246 7.76655 14.2476 6.31558 16.352 6.52867C17.2329 6.56532 19.7058 6.88428 21.2936 9.20691C21.1657 9.28617 18.343 10.9282 18.3737 14.3443ZM14.9737 4.31096C15.9172 3.16965 16.5522 1.58085 16.379 0C15.019 0.0546234 13.3744 0.905649 12.3989 2.04633C11.5247 3.05645 10.759 4.67322 10.9656 6.22277C12.4815 6.33998 14.0301 5.45298 14.9737 4.31096Z" fill="#1CB0F6"/></g><defs><clipPath id="clip0_8307_951"><rect width="22" height="27" fill="white"/></clipPath></defs></svg>
</div>

<div class="text">
<span>Tải về từ</span>
<strong>App Store</strong>
</div>
</a>
<a href="https://play.google.com/store/apps/details?id=com.fanken.voca" target="_blank" class="btn-android">
<div class="image">
<svg width="22" height="25" viewBox="0 0 22 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_8307_953)"><path d="M1.85388 24.9993C1.66649 24.939 1.4791 24.8788 1.26172 24.8035C5.00209 21.0321 8.70499 17.2907 12.4004 13.5645C13.6297 14.7915 14.8365 15.996 16.0658 17.2155C15.9909 17.2682 15.9159 17.3133 15.8409 17.3585C11.7408 19.7599 7.6331 22.1688 3.52543 24.5626C3.21811 24.7433 2.86581 24.8562 2.53599 24.9993C2.31112 24.9993 2.08625 24.9993 1.85388 24.9993Z" fill="#1CB0F6"/><path d="M11.3947 12.5109C7.66185 16.2748 3.95895 20.0161 0.196089 23.8102C0.128627 23.5015 0.0611652 23.2456 0.0161908 22.9896C-0.00629642 22.8767 0.00119932 22.7638 0.00119932 22.6509C0.00119932 15.8984 0.00119932 9.1459 0.00869506 2.39342C0.00869506 2.02455 0.0911482 1.66322 0.143618 1.2793C3.92147 5.04322 7.64686 8.76951 11.3947 12.5109Z" fill="#1CB0F6"/><path d="M1.23828 0.21802C1.98036 -0.113206 2.66247 -0.0680388 3.3221 0.315882C5.24101 1.43753 7.15992 2.55918 9.07133 3.68083C11.3201 4.99821 13.5763 6.31558 15.825 7.63296C15.9 7.67812 15.9749 7.72329 16.0574 7.78351C14.8281 8.9955 13.6063 10.2075 12.4144 11.3818C8.72653 7.69318 5.00114 3.97442 1.23828 0.21802Z" fill="#1CB0F6"/><path d="M17.4196 16.4414C16.1004 15.124 14.7961 13.8142 13.4844 12.5119C14.7961 11.2171 16.1079 9.91475 17.4421 8.58984C17.4721 8.6049 17.577 8.65759 17.667 8.71782C18.7164 9.32757 19.7658 9.94486 20.8152 10.5621C22.3818 11.4881 22.3818 13.5356 20.8152 14.4616C19.6834 15.124 18.544 15.7865 17.4196 16.4414Z" fill="#1CB0F6"/></g><defs><clipPath id="clip0_8307_953"><rect width="22" height="25" fill="white"/></clipPath></defs></svg>
</div>

<div class="text">
<span>Tải về từ</span>
<strong>Google play</strong>
</div>
</a>
<div class="clearfix"></div>
</div>

<div class="info-item item-menu">
<h5 class="item-title">Chính sách</h5>

<a href="https://www.voca.vn/support/about-voca/terms/dieu-khoan-dich-vu" class="">Điều khoản</a>
<a href="https://www.voca.vn/support/about-voca/terms/quyen-rieng-tu" class="">Riêng tư</a>

</div>

</div>

</div>
<div class="clearfix"></div>

<div class="footer-brand">
<div class="footer-brand-content">
<div class="brand-item brand-item-title">
<p>Đơn vị chủ quản</p>
</div>

<div class="brand-item brand-item-name">
<strong>CÔNG TY TRÁCH NHIỆM HỮU HẠN FANKEN</strong>
<span>Mã số đăng ký kinh doanh: 031-248-7371</span>
<span>Năm thành lập: 03/10/2013</span>
</div>
<div class="brand-item brand-item-address">
<p>Trụ sở: 213 Bis Nam Kỳ Khởi Nghĩa, Phường 7, Quận 3, TP. Hồ Chí Minh, Việt Nam</p>
</div>

<div class="brand-item brand-item-hotline">
<p>
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.1384 12.9567L14.4519 12.65C13.8067 12.5759 13.1721 12.7981 12.7173 13.2529L10.7711 15.199C7.77787 13.6759 5.32404 11.2327 3.80097 8.22883L5.75769 6.2721C6.21249 5.8173 6.43461 5.18268 6.36057 4.53749L6.05384 1.87211C5.92692 0.803845 5.02789 0 3.94905 0H2.11925C0.924071 0 -0.0701525 0.994229 0.00388538 2.18942C0.564458 11.2221 7.78844 18.4355 16.8105 18.9961C18.0057 19.0702 18.9999 18.0759 18.9999 16.8807V15.0509C19.0105 13.9827 18.2066 13.0836 17.1384 12.9567Z" fill="white"/> </svg>
<strong>082.990.5858</strong>
</p>
</div>
<div class="clearfix"></div>
</div>

</div>
<div class="clearfix"></div>
<div class="footer-copyright">
<a href="http://online.gov.vn/Home/WebDetails/6647" target="_lank" class="">
<img class="img-trademark" style=" width: 100%;max-width: 170px;margin-top: 7px;" src="https://www.voca.vn/assets/images/commercial.png" alt="Đã thông báo với Bộ công thương"></a>
<span class="trademark"> Copyright © VOCA. All rights reserved. VOCA is a registered trademark.</span>

<a href="https://www.youtube.com/channel/UCvYwg5gW_swdCzpMQuFCifA" target="_blank" class="link-facebook">
<svg width="27" height="19" viewBox="0 0 27 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9462 13.0696L10.9454 5.56371L18.1124 9.32963L10.9462 13.0696ZM26.6829 4.26305C26.6829 4.26305 26.4235 2.42226 25.6285 1.61164C24.6197 0.547238 23.489 0.542219 22.9709 0.480441C19.2589 0.209957 13.6908 0.209961 13.6908 0.209961H13.6792C13.6792 0.209961 8.11119 0.209957 4.39917 0.480441C3.88025 0.542219 2.75039 0.547238 1.74073 1.61164C0.945773 2.42226 0.687136 4.26305 0.687136 4.26305C0.687136 4.26305 0.421875 6.42526 0.421875 8.58663V10.6136C0.421875 12.7758 0.687136 14.9372 0.687136 14.9372C0.687136 14.9372 0.945773 16.778 1.74073 17.5886C2.75039 18.653 4.07587 18.6196 4.66608 18.7306C6.78819 18.936 13.685 18.9994 13.685 18.9994C13.685 18.9994 19.2589 18.9911 22.9709 18.7206C23.489 18.658 24.6197 18.653 25.6285 17.5886C26.4235 16.778 26.6829 14.9372 26.6829 14.9372C26.6829 14.9372 26.9482 12.7758 26.9482 10.6136V8.58663C26.9482 6.42526 26.6829 4.26305 26.6829 4.26305Z" fill="white"/> </g> </svg>

</a>
<a href="https://www.tiktok.com/@voca.vnlearn.engl" target="_blank" class="link-facebook">
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8"> <circle cx="10.6641" cy="10.5" r="10.5" fill="white"/> <path d="M10.9126 4.43023C11.5369 4.4209 12.1577 4.42642 12.7778 4.4209C12.8154 5.12588 13.078 5.84399 13.6126 6.34244C14.1461 6.85329 14.9007 7.08715 15.6349 7.16624V9.02076C14.9468 8.99901 14.2555 8.86083 13.6312 8.57483C13.3593 8.45601 13.1059 8.303 12.858 8.14652C12.8547 9.49224 12.8637 10.8363 12.849 12.1765C12.8118 12.8203 12.5917 13.461 12.2039 13.9916C11.5799 14.8748 10.4968 15.4506 9.38441 15.4686C8.70209 15.5062 8.02046 15.3266 7.43905 14.9957C6.47547 14.4472 5.79743 13.4431 5.69868 12.3654C5.68723 12.135 5.68331 11.905 5.69295 11.6801C5.77884 10.8038 6.22787 9.96547 6.92487 9.3952C7.7149 8.73096 8.82159 8.41457 9.85778 8.60178C9.86744 9.28397 9.83919 9.96547 9.83919 10.6477C9.36581 10.4998 8.81264 10.5413 8.39903 10.8186C8.09703 11.0076 7.86768 11.297 7.74817 11.6245C7.64944 11.858 7.67769 12.1174 7.68342 12.3654C7.79683 13.1211 8.54966 13.7564 9.35329 13.6876C9.88606 13.6821 10.3966 13.3837 10.6743 12.9467C10.7641 12.7937 10.8646 12.6372 10.87 12.4573C10.9169 11.6335 10.8983 10.8131 10.904 9.9893C10.9079 8.1327 10.8983 6.2813 10.9129 4.43058L10.9126 4.43023Z" fill="#1CB0F6"/> </g> </svg>

</a>

<a href="https://facebook.com/www.voca.vn" target="_blank" class="link-facebook">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g opacity="0.8"> <path d="M17.6842 0.105469H2.21053C0.989686 0.105469 0 1.09516 0 2.316V17.7897C0 19.0105 0.989686 20.0002 2.21053 20.0002H17.6842C18.9051 20.0002 19.8947 19.0105 19.8947 17.7897V2.316C19.8947 1.09516 18.9051 0.105469 17.6842 0.105469Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7068 3.81258V6.38521L15.1799 6.38919C13.9831 6.38919 13.7524 6.95779 13.7524 7.78883V9.62983H16.6034L16.2336 12.5086H13.7524V19.9999H10.7786V12.5086H8.28906V9.62983H10.7786V7.50651C10.7786 5.04124 12.2812 3.69727 14.4841 3.69727C15.5342 3.69727 16.4404 3.77679 16.7068 3.81258Z" fill="#1CB0F6"/> </g> </svg>

</a>
</div>
</div>

</footer>

<script>
$('.info-item u, .info-item .item-title').click(function(){
$('.info-item').removeClass('active');
$(this).closest('.info-item').addClass('active');
});
</script>

<style>

/**menu-mobile**/
body.menu-mobile-open{
overflow: hidden;
}
.menu-mobile{
width: 100%;
min-height: 200px;
background: #00000075;
position: fixed;
top: 0px;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
overflow: auto;
display: none;
padding: 0;
}
body.menu-mobile-open .menu-mobile{
display: block;
}
.menu-mobile .menu-mobile-info{

background: #fff;
}
.menu-mobile .mobile-info-header{
background: #1CB0F6;
height: 70px;
padding: 15px;
position: relative;
}
.menu-mobile .mobile-info-header a{
position: absolute;
left: 15px;
top: 20px;
}
.menu-mobile .mobile-info-body .mobile-info-item{
margin-top: 0;
}
.menu-mobile .mobile-info-body .mobile-info-item a{
display: block;
color: #777777;
font-size: 15px;
font-family: 'balootammasemibold';
border-bottom: 2px solid #E5E5E5;
text-align: center;
height: 46px;
line-height: 46px;
padding: 0;
}
.menu-mobile .mobile-info-body .mobile-info-item a:last-child{
border-bottom: 0;
}
.menu-mobile .mobile-info-body .mobile-info-item a.link-menu-register{
background: #1CB0F6;
color: #fff;
border: 0;
}
.menu-mobile .mobile-info-body .mobile-info-item a.link-menu-login{
color: #1CB0F6;
}

/**menu-mobile**/
</style>

<div class="menu-mobile">

<div class="menu-mobile-info">
<div class="menu-mobile-info-content">
<div class="mobile-info-header">
<svg style=" margin: auto; transform: scale(1.1); display: block;" xmlns="http://www.w3.org/2000/svg" width="76.086" height="33.319" viewBox="0 0 76.086 33.319"><g transform="translate(0 0)"><g transform="translate(5.482 24.463)"><path d="M644.663,6136.726a.408.408,0,0,1-.312-.129.446.446,0,0,1-.124-.322V6130.4a.437.437,0,0,1,.129-.32.421.421,0,0,1,.308-.129.43.43,0,0,1,.317.129.439.439,0,0,1,.129.32v5.423h3.1a.426.426,0,0,1,.317.131.464.464,0,0,1,0,.641.424.424,0,0,1-.317.129Z" transform="translate(-644.226 -6129.951)" fill="#fff"/><path d="M651.911,6136.786a2.556,2.556,0,0,1-1.265-.309,2.238,2.238,0,0,1-.865-.851,2.443,2.443,0,0,1-.313-1.245,2.573,2.573,0,0,1,.3-1.254,2.174,2.174,0,0,1,.818-.849,2.321,2.321,0,0,1,1.2-.309,2.125,2.125,0,0,1,1.149.3,1.941,1.941,0,0,1,.733.823,2.761,2.761,0,0,1,.253,1.21.367.367,0,0,1-.112.274.389.389,0,0,1-.283.109h-3.455v-.7h3.43l-.352.245a1.88,1.88,0,0,0-.172-.777,1.314,1.314,0,0,0-.463-.542,1.291,1.291,0,0,0-.729-.2,1.546,1.546,0,0,0-.836.217,1.4,1.4,0,0,0-.528.593,1.973,1.973,0,0,0-.18.855,1.674,1.674,0,0,0,.214.851,1.584,1.584,0,0,0,.592.591,1.72,1.72,0,0,0,.866.216,1.586,1.586,0,0,0,.544-.1,1.7,1.7,0,0,0,.451-.229.478.478,0,0,1,.279-.1.372.372,0,0,1,.262.09.417.417,0,0,1,.154.287.311.311,0,0,1-.137.27,2.37,2.37,0,0,1-.724.381A2.55,2.55,0,0,1,651.911,6136.786Z" transform="translate(-644.289 -6129.974)" fill="#fff"/><path d="M656.878,6136.786a2.055,2.055,0,0,1-1.123-.317,2.244,2.244,0,0,1-.784-.858,2.587,2.587,0,0,1-.287-1.229,2.441,2.441,0,0,1,.312-1.232,2.321,2.321,0,0,1,2.054-1.18,2.3,2.3,0,0,1,1.2.318,2.345,2.345,0,0,1,.844.862,2.443,2.443,0,0,1,.313,1.232h-.334a2.59,2.59,0,0,1-.287,1.229,2.244,2.244,0,0,1-.785.858A2.056,2.056,0,0,1,656.878,6136.786Zm.172-.781a1.437,1.437,0,0,0,.78-.214,1.491,1.491,0,0,0,.54-.579,1.734,1.734,0,0,0,.2-.83,1.759,1.759,0,0,0-.2-.838,1.486,1.486,0,0,0-.54-.58,1.52,1.52,0,0,0-1.556,0,1.512,1.512,0,0,0-.549.58,1.727,1.727,0,0,0-.2.838,1.7,1.7,0,0,0,.2.83,1.518,1.518,0,0,0,.549.579A1.447,1.447,0,0,0,657.05,6136Zm1.92.754a.422.422,0,0,1-.312-.125.433.433,0,0,1-.125-.317v-1.327l.163-.919.711.312v1.935a.433.433,0,0,1-.124.317A.422.422,0,0,1,658.969,6136.758Z" transform="translate(-644.351 -6129.974)" fill="#fff"/><path d="M661.212,6136.751a.386.386,0,0,1-.429-.434v-3.877a.436.436,0,0,1,.112-.321.426.426,0,0,1,.317-.113.437.437,0,0,1,.321.107.446.446,0,0,1,.108.327v3.877a.442.442,0,0,1-.108.32A.42.42,0,0,1,661.212,6136.751Zm-.009-2.967a1.762,1.762,0,0,1,.253-.934,1.889,1.889,0,0,1,1.626-.9,1.383,1.383,0,0,1,.767.168.358.358,0,0,1,.194.4.345.345,0,0,1-.1.187.335.335,0,0,1-.167.082.562.562,0,0,1-.207-.006,2.373,2.373,0,0,0-.986-.02,1.317,1.317,0,0,0-.69.357.9.9,0,0,0-.253.658Z" transform="translate(-644.423 -6129.976)" fill="#fff"/><path d="M665.438,6136.76a.42.42,0,0,1-.313-.125.432.432,0,0,1-.124-.317v-3.869a.42.42,0,0,1,.438-.443.427.427,0,0,1,.317.121.441.441,0,0,1,.121.322v3.869a.441.441,0,0,1-.121.317A.416.416,0,0,1,665.438,6136.76Zm3.525,0a.419.419,0,0,1-.313-.125.432.432,0,0,1-.124-.317v-2.134a1.612,1.612,0,0,0-.18-.807,1.141,1.141,0,0,0-.484-.464,1.552,1.552,0,0,0-.7-.151,1.413,1.413,0,0,0-.651.147,1.2,1.2,0,0,0-.464.395.97.97,0,0,0-.171.567h-.541a1.832,1.832,0,0,1,.262-.975,1.9,1.9,0,0,1,.715-.682,2.07,2.07,0,0,1,1.021-.251,2.179,2.179,0,0,1,1.059.255,1.841,1.841,0,0,1,.737.751,2.512,2.512,0,0,1,.27,1.215v2.134a.432.432,0,0,1-.125.317A.418.418,0,0,1,668.962,6136.76Z" transform="translate(-644.473 -6129.977)" fill="#fff"/><path d="M675.82,6136.763a2.292,2.292,0,0,1-2.042-1.181,2.533,2.533,0,0,1-.317-1.233v-3.956a.43.43,0,0,1,.124-.321.438.438,0,0,1,.313-.12.432.432,0,0,1,.317.12.438.438,0,0,1,.12.321v2.342a2.2,2.2,0,0,1,.725-.576,2.148,2.148,0,0,1,2.053.1,2.236,2.236,0,0,1,.784.858,2.578,2.578,0,0,1,.288,1.227,2.439,2.439,0,0,1-.313,1.233,2.305,2.305,0,0,1-2.053,1.181Zm0-.783a1.432,1.432,0,0,0,.78-.213,1.519,1.519,0,0,0,.544-.585,1.726,1.726,0,0,0,.2-.834,1.7,1.7,0,0,0-.2-.833,1.543,1.543,0,0,0-.544-.575,1.511,1.511,0,0,0-1.556,0,1.5,1.5,0,0,0-.544.575,1.726,1.726,0,0,0-.2.833,1.758,1.758,0,0,0,.2.834,1.482,1.482,0,0,0,.544.585A1.443,1.443,0,0,0,675.82,6135.98Z" transform="translate(-644.574 -6129.951)" fill="#fff"/><path d="M681.145,6136.561a.391.391,0,0,1-.3.014.449.449,0,0,1-.227-.222l-1.963-3.774a.357.357,0,0,1-.022-.316.408.408,0,0,1,.759-.014l1.877,3.776a.52.52,0,0,1,.065.315A.275.275,0,0,1,681.145,6136.561Zm-1.012,2.273a.559.559,0,0,1-.205-.051.366.366,0,0,1-.207-.547l2.616-5.978a.371.371,0,0,1,.54-.208.362.362,0,0,1,.215.546l-2.625,5.971A.352.352,0,0,1,680.134,6138.833Z" transform="translate(-644.635 -6129.977)" fill="#fff"/><path d="M686.959,6135a.418.418,0,0,1-.313-.126.431.431,0,0,1-.124-.317v-4.165a.43.43,0,0,1,.124-.321.438.438,0,0,1,.313-.12.432.432,0,0,1,.317.12.439.439,0,0,1,.121.321v4.165a.44.44,0,0,1-.121.317A.412.412,0,0,1,686.959,6135Zm0,1.734a.426.426,0,0,1-.313-.125.436.436,0,0,1-.124-.317v-3.869a.448.448,0,0,1,.755-.322.439.439,0,0,1,.121.322v3.869a.445.445,0,0,1-.121.317A.42.42,0,0,1,686.959,6136.735Zm3.524,0a.425.425,0,0,1-.313-.125.437.437,0,0,1-.124-.317v-2.134a1.6,1.6,0,0,0-.18-.807,1.146,1.146,0,0,0-.484-.464,1.54,1.54,0,0,0-.7-.153,1.415,1.415,0,0,0-.651.148,1.216,1.216,0,0,0-.463.4.966.966,0,0,0-.171.568h-.54a1.834,1.834,0,0,1,.262-.977,1.9,1.9,0,0,1,.716-.681,2.07,2.07,0,0,1,1.021-.252,2.178,2.178,0,0,1,1.059.256,1.844,1.844,0,0,1,.737.751,2.507,2.507,0,0,1,.27,1.215v2.134a.436.436,0,0,1-.124.317A.422.422,0,0,1,690.483,6136.735Z" transform="translate(-644.729 -6129.951)" fill="#fff"/><path d="M694.65,6136.786a2.551,2.551,0,0,1-1.265-.309,2.234,2.234,0,0,1-.867-.851,2.444,2.444,0,0,1-.313-1.245,2.573,2.573,0,0,1,.3-1.254,2.175,2.175,0,0,1,.819-.849,2.314,2.314,0,0,1,1.2-.309,2.122,2.122,0,0,1,1.149.3,1.933,1.933,0,0,1,.733.823,2.755,2.755,0,0,1,.253,1.21.366.366,0,0,1-.111.274.392.392,0,0,1-.284.109h-3.455v-.7h3.43l-.352.245a1.872,1.872,0,0,0-.171-.777,1.307,1.307,0,0,0-.463-.542,1.287,1.287,0,0,0-.729-.2,1.55,1.55,0,0,0-.836.217,1.387,1.387,0,0,0-.527.593,1.959,1.959,0,0,0-.181.855,1.685,1.685,0,0,0,.214.851,1.587,1.587,0,0,0,.592.591,1.724,1.724,0,0,0,.867.216,1.591,1.591,0,0,0,.544-.1,1.674,1.674,0,0,0,.449-.229.478.478,0,0,1,.279-.1.373.373,0,0,1,.262.09.416.416,0,0,1,.154.287.308.308,0,0,1-.137.27,2.357,2.357,0,0,1-.724.381A2.543,2.543,0,0,1,694.65,6136.786Z" transform="translate(-644.797 -6129.974)" fill="#fff"/><path d="M699.616,6136.786a2.05,2.05,0,0,1-1.123-.317,2.231,2.231,0,0,1-.785-.858,2.588,2.588,0,0,1-.287-1.229,2.432,2.432,0,0,1,.313-1.232,2.322,2.322,0,0,1,2.053-1.18,2.3,2.3,0,0,1,1.2.318,2.355,2.355,0,0,1,.845.862,2.441,2.441,0,0,1,.312,1.232h-.334a2.588,2.588,0,0,1-.288,1.229,2.236,2.236,0,0,1-.785.858A2.05,2.05,0,0,1,699.616,6136.786Zm.172-.781a1.442,1.442,0,0,0,.781-.214,1.5,1.5,0,0,0,.54-.579,1.737,1.737,0,0,0,.2-.83,1.762,1.762,0,0,0-.2-.838,1.492,1.492,0,0,0-.54-.58,1.519,1.519,0,0,0-1.556,0,1.508,1.508,0,0,0-.549.58,1.727,1.727,0,0,0-.2.838,1.7,1.7,0,0,0,.2.83,1.514,1.514,0,0,0,.549.579A1.444,1.444,0,0,0,699.788,6136Zm1.921.754a.423.423,0,0,1-.313-.125.433.433,0,0,1-.124-.317v-1.327l.163-.919.711.312v1.935a.436.436,0,0,1-.124.317A.424.424,0,0,1,701.708,6136.758Z" transform="translate(-644.859 -6129.974)" fill="#fff"/><path d="M703.95,6136.751a.386.386,0,0,1-.429-.434v-3.877a.435.435,0,0,1,.112-.321.425.425,0,0,1,.317-.113.439.439,0,0,1,.322.107.449.449,0,0,1,.107.327v3.877a.446.446,0,0,1-.107.32A.422.422,0,0,1,703.95,6136.751Zm-.008-2.967a1.751,1.751,0,0,1,.253-.934,1.864,1.864,0,0,1,.681-.653,1.891,1.891,0,0,1,.944-.242,1.391,1.391,0,0,1,.768.168.359.359,0,0,1,.193.4.337.337,0,0,1-.1.187.331.331,0,0,1-.167.082.555.555,0,0,1-.205-.006,2.375,2.375,0,0,0-.986-.02,1.326,1.326,0,0,0-.691.357.9.9,0,0,0-.253.658Z" transform="translate(-644.932 -6129.976)" fill="#fff"/><path d="M707.534,6132.906a.414.414,0,0,1-.292-.1.344.344,0,0,1-.112-.261.366.366,0,0,1,.112-.278.408.408,0,0,1,.292-.1h1.981a.41.41,0,0,1,.292.1.365.365,0,0,1,.112.278.343.343,0,0,1-.112.261.417.417,0,0,1-.292.1Zm1.9,3.826a1.385,1.385,0,0,1-.772-.22,1.55,1.55,0,0,1-.541-.6,1.834,1.834,0,0,1-.2-.858v-4.139a.429.429,0,0,1,.121-.313.453.453,0,0,1,.618,0,.429.429,0,0,1,.12.313v4.139a.9.9,0,0,0,.189.581.577.577,0,0,0,.464.235h.292a.332.332,0,0,1,.261.121.453.453,0,0,1,.108.312.4.4,0,0,1-.141.313.539.539,0,0,1-.365.121Z" transform="translate(-644.975 -6129.957)" fill="#fff"/></g><g transform="translate(60.774 0.002)"><path d="M714.948,6124.945h-1.717a1.582,1.582,0,0,1-1.582-1.583v-2.888H704.02v2.888a1.583,1.583,0,0,1-1.583,1.583h-1.7a.514.514,0,0,1-.515-.514v-11.573a7.417,7.417,0,0,1,.6-2.97,7.739,7.739,0,0,1,1.628-2.426,7.645,7.645,0,0,1,2.419-1.635,7.67,7.67,0,0,1,5.941,0,7.654,7.654,0,0,1,4.06,4.061,7.434,7.434,0,0,1,.6,2.97v11.573A.514.514,0,0,1,714.948,6124.945Zm-3.3-8.272v-3.814a3.724,3.724,0,0,0-.3-1.483,3.824,3.824,0,0,0-2.034-2.034,3.843,3.843,0,0,0-2.964,0,3.831,3.831,0,0,0-2.033,2.034,3.74,3.74,0,0,0-.3,1.483v3.814Z" transform="translate(-700.185 -6105.195)" fill="#fff"/><path d="M714.948,6124.978h-1.717a1.616,1.616,0,0,1-1.616-1.614v-2.857h-7.563v2.857a1.616,1.616,0,0,1-1.616,1.614h-1.7a.547.547,0,0,1-.548-.546v-11.573a7.5,7.5,0,0,1,.6-2.982,7.854,7.854,0,0,1,1.635-2.437,7.691,7.691,0,0,1,2.43-1.642,7.711,7.711,0,0,1,5.967,0,7.686,7.686,0,0,1,4.078,4.079,7.506,7.506,0,0,1,.6,2.982v11.573A.547.547,0,0,1,714.948,6124.978Zm-10.962-4.537h7.7v2.923a1.551,1.551,0,0,0,1.549,1.55h1.717a.483.483,0,0,0,.482-.482v-11.573a7.434,7.434,0,0,0-.6-2.958,7.621,7.621,0,0,0-4.043-4.043,7.651,7.651,0,0,0-5.915,0,7.622,7.622,0,0,0-2.409,1.628,7.783,7.783,0,0,0-1.621,2.415,7.435,7.435,0,0,0-.6,2.958v11.573a.483.483,0,0,0,.482.482h1.7a1.551,1.551,0,0,0,1.549-1.55Zm7.7-3.736h-7.7v-3.847a3.768,3.768,0,0,1,.3-1.5,3.829,3.829,0,0,1,2.05-2.049,3.837,3.837,0,0,1,2.99,0,3.861,3.861,0,0,1,1.226.823,3.9,3.9,0,0,1,.825,1.227,3.787,3.787,0,0,1,.3,1.5Zm-7.629-.066h7.563v-3.781a3.707,3.707,0,0,0-.3-1.468,3.776,3.776,0,0,0-2.016-2.017,3.782,3.782,0,0,0-2.938,0,3.773,3.773,0,0,0-2.017,2.017,3.7,3.7,0,0,0-.3,1.468Z" transform="translate(-700.185 -6105.196)" fill="#1cb0f6"/></g><g transform="translate(0 0.009)"><path d="M655.745,6106.048l-6.621,18.255a.973.973,0,0,1-.915.641H646.26a.972.972,0,0,1-.916-.644l-6.6-18.252a.605.605,0,0,1,.57-.811h.244a4.351,4.351,0,0,1,4.108,2.915l3.58,10.236,3.592-10.241a4.351,4.351,0,0,1,4.106-2.91h.227A.6.6,0,0,1,655.745,6106.048Z" transform="translate(-638.679 -6105.203)" fill="#fff"/><path d="M648.207,6124.978H646.26a1.011,1.011,0,0,1-.948-.665l-6.595-18.256a.638.638,0,0,1,.6-.854h.244a4.389,4.389,0,0,1,4.138,2.938l3.549,10.149,3.561-10.153a4.391,4.391,0,0,1,4.137-2.934h.227a.638.638,0,0,1,.6.857l-.031-.012.031.012-6.62,18.253A1.011,1.011,0,0,1,648.207,6124.978Zm-8.889-19.709a.573.573,0,0,0-.539.767l6.595,18.254a.943.943,0,0,0,.885.622h1.948a.943.943,0,0,0,.885-.62l6.62-18.254a.574.574,0,0,0-.537-.769h-.227a4.325,4.325,0,0,0-4.075,2.891l-3.623,10.33-3.612-10.326a4.324,4.324,0,0,0-4.076-2.895Z" transform="translate(-638.678 -6105.203)" fill="#1cb0f6"/></g><g transform="translate(41.193 0.002)"><path d="M696.383,6122.149a.6.6,0,0,1-.142.789,9.771,9.771,0,0,1-5.976,2.028,9.574,9.574,0,0,1-2.612-.353,9.76,9.76,0,0,1-2.352-1,9.923,9.923,0,0,1-4.546-5.9,9.893,9.893,0,0,1,0-5.229,9.859,9.859,0,0,1,2.545-4.359,9.873,9.873,0,0,1,4.353-2.545,9.593,9.593,0,0,1,2.612-.353,9.85,9.85,0,0,1,3.416.6,9.483,9.483,0,0,1,2.486,1.363.7.7,0,0,1,.178.915l-.988,1.624a1.169,1.169,0,0,1-1.66.366,5.765,5.765,0,0,0-1.039-.57,6.053,6.053,0,0,0-2.392-.485,5.881,5.881,0,0,0-2.366.478,6.221,6.221,0,0,0-1.927,1.3,6.046,6.046,0,0,0-1.3,1.926,5.9,5.9,0,0,0-.479,2.361,5.8,5.8,0,0,0,.479,2.345,6.14,6.14,0,0,0,3.229,3.223,5.881,5.881,0,0,0,2.366.478,6.07,6.07,0,0,0,2.392-.485,5.784,5.784,0,0,0,1-.542,1.222,1.222,0,0,1,1.729.38Z" transform="translate(-680.368 -6105.195)" fill="#fff"/><path d="M690.264,6125a9.716,9.716,0,0,1-2.621-.353,9.958,9.958,0,0,1-6.921-6.92,9.911,9.911,0,0,1,0-5.249,9.96,9.96,0,0,1,6.921-6.928,9.7,9.7,0,0,1,2.621-.354,9.916,9.916,0,0,1,3.427.607,9.459,9.459,0,0,1,2.495,1.367.727.727,0,0,1,.186.958l-.987,1.624a1.228,1.228,0,0,1-.787.558,1.169,1.169,0,0,1-.92-.182,5.73,5.73,0,0,0-1.033-.568,6.067,6.067,0,0,0-2.379-.483,5.883,5.883,0,0,0-2.353.476,6.251,6.251,0,0,0-1.918,1.29,6.075,6.075,0,0,0-1.3,1.917,5.908,5.908,0,0,0-.476,2.347,5.8,5.8,0,0,0,.476,2.332,6.112,6.112,0,0,0,3.213,3.207,5.875,5.875,0,0,0,2.353.476,6.047,6.047,0,0,0,2.379-.484,5.591,5.591,0,0,0,.991-.539,1.254,1.254,0,0,1,1.776.392l1,1.644a.633.633,0,0,1-.151.833,9.824,9.824,0,0,1-6,2.034Zm0-19.737a9.63,9.63,0,0,0-2.6.351,9.936,9.936,0,0,0-5.881,4.53,9.872,9.872,0,0,0-.994,2.351,9.863,9.863,0,0,0,0,5.214,9.895,9.895,0,0,0,6.875,6.875,9.623,9.623,0,0,0,2.6.35,9.754,9.754,0,0,0,5.955-2.019.568.568,0,0,0,.135-.747l-1-1.644a1.189,1.189,0,0,0-1.683-.371,5.822,5.822,0,0,1-1,.545,6.147,6.147,0,0,1-2.4.486,5.931,5.931,0,0,1-2.379-.479,6.172,6.172,0,0,1-3.247-3.241,5.863,5.863,0,0,1-.481-2.358,5.953,5.953,0,0,1,.481-2.372,6.11,6.11,0,0,1,1.309-1.938,6.272,6.272,0,0,1,1.938-1.3,5.924,5.924,0,0,1,2.379-.482,6.124,6.124,0,0,1,2.4.489,5.839,5.839,0,0,1,1.046.574,1.107,1.107,0,0,0,.868.172,1.158,1.158,0,0,0,.745-.526l.987-1.626a.662.662,0,0,0-.169-.872,9.495,9.495,0,0,0-2.478-1.356A9.82,9.82,0,0,0,690.264,6105.263Z" transform="translate(-680.368 -6105.196)" fill="#1cb0f6"/></g><rect width="2.152" height="3.228" rx="1.076" transform="translate(46.27 8.279)" fill="#fff"/><rect width="2.152" height="3.228" rx="1.076" transform="translate(54.034 8.279)" fill="#fff"/><rect width="2.152" height="3.228" rx="1.076" transform="translate(23.167 8.273)" fill="#fff"/><rect width="2.152" height="3.228" rx="1.076" transform="translate(30.609 8.273)" fill="#fff"/><g transform="translate(18.285)"><g transform="translate(0)"><path d="M661.273,6112.715a6.09,6.09,0,0,1,1.3-1.928,6.247,6.247,0,0,1,1.927-1.294,6.078,6.078,0,0,1,4.725,0,6.028,6.028,0,0,1,3.222,3.222c.055.13.107.26.152.392a.58.58,0,0,0,.545.4h2.935a.422.422,0,0,0,.415-.506c-.039-.182-.083-.361-.133-.54a9.844,9.844,0,0,0-6.877-6.878,9.911,9.911,0,0,0-5.229,0,10.076,10.076,0,0,0-2.353.991,9.75,9.75,0,0,0-2,1.542,10.018,10.018,0,0,0-1.548,1.994,9.7,9.7,0,0,0-1,2.352c-.05.178-.094.357-.132.54a.422.422,0,0,0,.415.506h2.936a.58.58,0,0,0,.544-.4C661.167,6112.975,661.218,6112.845,661.273,6112.715Z" transform="translate(-657.185 -6105.194)" fill="#fff"/><path d="M676.08,6113.536h-2.935a.614.614,0,0,1-.576-.418c-.045-.131-.1-.262-.151-.389a6,6,0,0,0-3.206-3.206,6.054,6.054,0,0,0-4.7,0,6.215,6.215,0,0,0-1.917,1.29,6.045,6.045,0,0,0-1.3,1.917l-.031-.013.031.013c-.055.127-.106.258-.151.389a.612.612,0,0,1-.575.418h-2.936a.457.457,0,0,1-.448-.548c.04-.183.084-.364.133-.54a9.823,9.823,0,0,1,1-2.36,10.146,10.146,0,0,1,1.553-2,9.9,9.9,0,0,1,2.007-1.545,10.187,10.187,0,0,1,2.361-1,9.964,9.964,0,0,1,5.247,0,9.869,9.869,0,0,1,6.9,6.9c.049.177.094.359.133.54a.448.448,0,0,1-.091.377A.453.453,0,0,1,676.08,6113.536Zm-9.213-4.555a5.93,5.93,0,0,1,2.372.482,6.073,6.073,0,0,1,3.24,3.241c.055.126.107.259.152.392a.549.549,0,0,0,.514.375h2.935a.392.392,0,0,0,.305-.147.381.381,0,0,0,.078-.32q-.059-.273-.132-.538a9.793,9.793,0,0,0-6.854-6.853,9.845,9.845,0,0,0-5.211,0,10.085,10.085,0,0,0-2.345.985,9.823,9.823,0,0,0-1.994,1.537,10.052,10.052,0,0,0-1.542,1.986,9.712,9.712,0,0,0-.993,2.344c-.049.174-.094.355-.132.538a.38.38,0,0,0,.077.32.393.393,0,0,0,.305.147h2.936a.548.548,0,0,0,.513-.375c.046-.133.1-.265.152-.392h0a6.1,6.1,0,0,1,1.31-1.938,6.249,6.249,0,0,1,1.937-1.3A5.915,5.915,0,0,1,666.867,6108.981Z" transform="translate(-657.184 -6105.195)" fill="#1cb0f6"/></g><g transform="translate(0 11.433)"><path d="M672.45,6117.558a6.287,6.287,0,0,1-1.3,1.921,6.091,6.091,0,0,1-1.927,1.3,6.066,6.066,0,0,1-4.725,0,6.129,6.129,0,0,1-3.229-3.222q-.1-.223-.173-.451a.451.451,0,0,0-.428-.31h-3.047a.406.406,0,0,0-.4.488c.039.181.084.359.133.538a9.917,9.917,0,0,0,1,2.353,10,10,0,0,0,3.548,3.548,9.824,9.824,0,0,0,2.353,1,9.806,9.806,0,0,0,7.581-1,10.07,10.07,0,0,0,1.994-1.547,9.819,9.819,0,0,0,1.541-2,10.1,10.1,0,0,0,.99-2.353c.049-.179.094-.357.133-.539a.405.405,0,0,0-.4-.487H673.05a.451.451,0,0,0-.428.31C672.572,6117.259,672.514,6117.409,672.45,6117.558Z" transform="translate(-657.184 -6116.764)" fill="#fff"/><path d="M666.867,6125.106a9.683,9.683,0,0,1-2.619-.354,9.957,9.957,0,0,1-6.921-6.919c-.049-.178-.094-.358-.133-.54a.433.433,0,0,1,.087-.364.438.438,0,0,1,.344-.164h3.047a.483.483,0,0,1,.46.33q.077.231.172.449a6.108,6.108,0,0,0,3.212,3.205,6.043,6.043,0,0,0,4.7,0,6.061,6.061,0,0,0,1.917-1.3,6.248,6.248,0,0,0,1.289-1.91h0c.062-.146.12-.3.172-.449a.482.482,0,0,1,.459-.33H676.1a.438.438,0,0,1,.343.164.432.432,0,0,1,.087.364c-.038.181-.084.362-.133.54a10.124,10.124,0,0,1-.993,2.358,9.794,9.794,0,0,1-1.546,2.007,10.033,10.033,0,0,1-2,1.553,9.752,9.752,0,0,1-4.987,1.354Zm-9.243-8.276a.37.37,0,0,0-.292.141.366.366,0,0,0-.074.309c.04.179.084.36.132.534a9.9,9.9,0,0,0,6.875,6.875,9.885,9.885,0,0,0,5.211,0,9.759,9.759,0,0,0,2.344-.994,10.028,10.028,0,0,0,1.987-1.544,9.768,9.768,0,0,0,1.536-1.993,10.072,10.072,0,0,0,.987-2.345c.049-.176.094-.355.132-.534a.363.363,0,0,0-.074-.309.37.37,0,0,0-.291-.141H673.05a.418.418,0,0,0-.4.288c-.051.154-.111.307-.174.453a6.345,6.345,0,0,1-1.3,1.932,6.144,6.144,0,0,1-1.938,1.307,6.083,6.083,0,0,1-4.751,0,6.16,6.16,0,0,1-3.246-3.239c-.064-.146-.122-.3-.175-.453a.418.418,0,0,0-.4-.288Z" transform="translate(-657.184 -6116.766)" fill="#1cb0f6"/></g></g></g></svg>

<a href="javascript:void(0)" class="btn-close-bar"><svg xmlns="http://www.w3.org/2000/svg" width="25.102" height="25.102" viewBox="0 0 25.102 25.102"><g transform="translate(-327.199 -19.948)"><path d="M-9666.583-6040.5h29.5" transform="translate(2893.348 11128.654) rotate(45)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="3"/><path d="M-9666.583-6040.5h29.5" transform="translate(11435.904 -2521.099) rotate(-45)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="3"/></g></svg></a>
</div>

<div class="mobile-info-body">
<div class="mobile-info-item">
<a href="https://www.voca.vn">TRANG CHỦ</a>

<a href="https://www.voca.vn/method">PHƯƠNG PHÁP</a>
<a href="https://www.voca.vn/library">KHÓA HỌC</a>
<a href="https://www.voca.vn/store">CỬA HÀNG</a>
<a href="https://www.voca.vn/premium">PREMIUM</a>
<a href="https://www.voca.vn/scholarship">HỌC BỔNG</a>
<a href="https://www.voca.vn/voca-project">CÂU CHUYỆN</a>
<a href="https://www.voca.vn/community">CỘNG ĐỒNG</a>
<a href="https://www.voca.vn/register" class="link-menu-register">ĐĂNG KÝ</a>
<a href="https://www.voca.vn/login" class="link-menu-login">ĐĂNG NHẬP</a>

</div>
</div>

</div>
</div>

</div>

<script>
$('.info-item u').click(function(){
$('.info-item').removeClass('active');
$(this).closest('.info-item').addClass('active');
});
$('.menu-mobile').click(function(){
$('body').removeClass('menu-mobile-open');
});
$('.menu-mobile-info').click(function(event){
event.stopPropagation();

});
$('.header-menu-item.menu-item-bar a, .menu-mobile .btn-close-bar').click(function(){
if($('body').hasClass('menu-mobile-open')){
$('body').removeClass('menu-mobile-open');
}else{
$('body').addClass('menu-mobile-open');
}
});
</script>

<script>
function unicodeConvert(str) {
str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a");
str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e");
str = str.replace(/ì|í|ị|ỉ|ĩ/g, "i");
str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o");
str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u");
str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y");
str = str.replace(/đ/g, "d");
str = str.replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, "A");
str = str.replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, "E");
str = str.replace(/Ì|Í|Ị|Ỉ|Ĩ/g, "I");
str = str.replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, "O");
str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, "U");
str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, "Y");
str = str.replace(/Đ/g, "D");
return str;
}
</script>
<script async>

$(document).ready(function(){
setTimeout(function(){

var link = "https://home.voca.vn/api/promotion/widgets?vuid=b4b147bc522828731f1a016bfa72c073&uid=0";

var url = window.location.href;
var lastUrl = url.slice(-1);
if(lastUrl == '/'){
url = url.substring(0, url.length - 1);
}
$.ajax({
url: link,
type: 'post',
data: {
link: url,
width: screen.width,
height: screen.height
},
success: function(result){

if(result['content'] != ''){
$('body').append(result['content']);
}
}
});
},2000);

});
</script>

<style>
.support-box{
position: fixed;
bottom: 24px;
right: 24px;
z-index: 1001;
}
.support-premium-box{
position: fixed;
bottom: 100px;
right: 12px;
z-index: 1001;
display: none;
}

.support-scholarship-box{
position: fixed;
right: 12px;
z-index: 1001;
display: block;
top: 50%;
transform: translate(0px, -50%);
}

.support-box .btn-support{
display: inline-block;
float: right;
}
.support-box .btn-support.support-none{
display: none;
}
.support-box .hide-support-hint{
display: inline-block;
width: 26px;
height: 26px;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n=30") 0px -10150px;
position: absolute;
left: -13;
top: -13px;
}
.support-box .support-hint{
width: 210px;
height: 66px;
margin-bottom: 10px;
float: right;
}
.support-box .support-hint-content{
position: relative;
border-radius: 10px;
border: 1px solid #E5E5E5;
background: #fff;
text-align: center;
padding: 10px;
color: #777777;
font-size: 14px;
font-family: 'balootammamedium';
}
.support-box-content{
width: 326px;
height: 410px;
position: fixed;
right: 24px;
bottom: 24px;
overflow: hidden;
display: none;
max-width: calc(100% - 48px);
}
.support-box-content .support-box-header{
background: linear-gradient(180deg, #1CB0F6, #0260D9);
height: 164px;
border-radius: 18px 18px 0px 0px;
}
.support-box-content .support-header-back{
display: block;
width: 24px;
height: 24px;
background: #ffffff57;
float: left;
margin-top: 8px;
margin-left: 22px;
border-radius: 4px;
text-align: center;
padding-top: 6px;
display: none;
}
.support-box-content .support-header-back i{
display: inline-block;
width: 7.962px;
height: 12.39px;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n=30") 0px -10420px;
}

.support-box-content .support-header-close{
display: block;
width: 24px;
height: 24px;
background: #ffffff57;
float: right;
margin-top: 8px;
margin-right: 8px;
border-radius: 4px;
text-align: center;
padding-top: 6px;
}
.support-box-content .support-header-close i{
display: inline-block;
width: 11.441px;
height: 11.441px;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n=30") 0px -10440px;
}
.support-box-content .support-header-title{
color: #FFFFFF;
margin-top: 8px;
margin-left: 22px;
font-size: 16px;
font-family: 'balootammabold';
margin-right: 22px;
}
.support-box-content .support-header-description{
color: #FFFFFF;
margin-top: 0px;
margin-left: 22px;
font-size: 10px;
margin-right: 22px;
}
.support-box-body{
background: #fff;
padding-left: 22px;
padding-right: 22px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-radius: 0px 0px 18px 18px;
height: 245px;
}
.support-box-body .support-body-item{
border-radius: 12px;
border: 1px solid #E5E5E5;
background: #fff;
margin-bottom: 15px;
}
.support-box-body .support-body-item .title{
color: #4C4C4C;
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
font-family: 'balootammasemibold';
padding: 8px 20px 3px;
}
.support-box-body .support-body-item a{
display: block;
}
.support-box-body .support-body-item a:hover{
text-decoration: none;
background: #f7f7f7;
}
.support-box-body .support-body-item a:focus{
text-decoration: none;
}

.support-box-body .support-body-item .item-link{
margin-left: 20px;
border-bottom: 1px solid #e5e5e5;
padding-top: 5px;
padding-bottom: 5px;
color: #4C4C4C;
position: relative;
min-height: 40px;
}
.support-box-body .support-body-item.item-faq .item-link{
padding-top: 9px;
}
.support-box-body .support-body-item a:last-child .item-link{
border: 0;
}
.support-box-body .support-body-item .item-link::after{
content: '';
width: 7.355px;
height: 12.592px;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n=30") 0px -10460px;
display: inline-block;
position: absolute;
top: 13px;
right: 7px;;

}
.support-box-body .support-body-item .item-link img{
float: left;
margin-right: 15px;
margin-top: 2px;
}
.support-box-body .support-body-item .link-content{
display: block;
font-size: 14px;
font-family: 'balootammamedium';
}
.support-box-body .support-body-item .link-description{
display: block;
color: #777777;
font-size: 9px;
margin-top: -3px;
}
.support-box-body .support-body-item .link-description span{
color: #ff4b4b;
font-family: 'balootammasemibold';
}
.support-body-parent{
position: relative;
top: -60px;
}
.support-body-more{
position: relative;
top: -60px;
display: none;
}
.support-body-more .subtitle{
color: #4C4C4C;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-family: 'balootammamedium';
padding: 8px 20px 7px;
}
.support-body-more .subtitle img{
margin-right: 4px;
}
.support-box-body .support-body-more .support-body-item .link-content{
padding-top: 5px;
font-size: 13px;
font-family: 'balootamma';
}
.support-box-body .support-body-more .support-body-item .item-link::after{
display: none;
}

.support-body-guide{
position: relative;
top: -60px;
display: none;
}
.support-body-guide .subtitle{
color: #4C4C4C;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-family: 'balootammamedium';
padding: 8px 20px 7px;
}
.support-body-guide .subtitle img{
margin-right: 4px;
}
.support-box-body .support-body-guide .support-body-item .link-content{
padding-top: 5px;
font-size: 13px;
font-family: 'balootamma';
}
.support-box-body .support-body-guide .support-body-item .item-link::after{
display: none;
}

.support-body-course{
position: relative;
top: -60px;
display: none;
}
.support-body-course .subtitle{
color: #4C4C4C;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-family: 'balootammamedium';
padding: 8px 20px 7px;
}
.support-body-course .subtitle img{
margin-right: 4px;
}
.support-box-body .support-body-course .support-body-item .link-content{
padding-top: 5px;
font-size: 13px;
font-family: 'balootamma';
}
.support-box-body .support-body-course .support-body-item .item-link::after{
display: none;
}

.support-body-feedback{
position: relative;
top: -60px;
display: none;
}
.support-body-feedback .subtitle{
color: #4C4C4C;
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
font-family: 'balootammamedium';
padding: 8px 20px 7px;
}
.support-body-feedback .subtitle img{
margin-right: 4px;
}
.support-box-body .support-body-item.item-feedback textarea{
height: 270px;
display: block;
width: 100%;
border: 0;
padding: 12px 15px;
font-size: 14px;
resize: none;
}
.support-box-body .support-body-item.item-feedback textarea:focus{
border: 0;
outline: none;
box-shadow: none;
}
.support-box-body .support-body-item.item-feedback textarea::placeholder{
color: #CFCFCF;
font-size: 13px;
}
.support-box-body .support-body-item.item-feedback .feedback-message{
height: 270px;
display: block;
width: 100%;
border: 0;
padding: 12px 15px;
font-size: 14px;
resize: none;
text-align: center;
display: none;
}
.support-box-body .support-body-item.item-feedback .feedback-message img{
display: block;
width: 74px;
height: 74px;
margin: 50px auto 0px;
}
.support-box-body .support-body-item.item-feedback .feedback-message span{
display: block;
max-width: 220px;
margin: 20px auto 0px;
color: #4C4C4C;
font-size: 16px;
font-family: 'promtbold';
}
.support-box-body .support-body-item.item-feedback .feedback-button{
border-top: 1px solid #e5e5e5;
}
.support-box-body .support-body-item.item-feedback .feedback-button a{
width: 107px;
height: 45px;
background: #1CB0F6;
text-align: center;
line-height: 45px;
color: #FFFFFF;
font-size: 15px;
font-family: balootammabold;
border-radius: 16px;
border-right: 4px solid #1899D6;
border-bottom: 4px solid #1899D6;
margin: 12px auto;
}

.support-box-content.boxOpen {
-webkit-animation: boxOpen;
animation: boxOpen;
animation-duration: 0.3s;
animation-timing-function: ease-out;
transform-origin: right bottom;
}

@keyframes boxOpen {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@-webkit-keyframes boxOpen {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.fast {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
@media(max-width: 767px){

.support-box .support-hint{
display: none;
}
.support-box-content {

top: 0;
bottom: 0;
height: unset;
left: 0;
right: 0;
width: unset;
max-width: unset;
}
.support-box-content .support-box-header{
border-radius: 0;
}
.support-box-body{
height: calc(100vh - 164px);
border-radius: 0;
border: 0;
}
.support-premium-box{
display: block;
}

.support-scholarship-box{
transform: scale(0.8);
}
}

</style>

<div class="support-box">
<div class="support-group">

<div class="support-box-content">
<div class="support-box-header">
<a href="javascript:void(0)" class="support-header-back"><i></i></a>
<a href="javascript:void(0)" class="support-header-close"><i></i></a>
<div class="clearfix"></div>
<div class="support-header-title">Chào mừng bạn, chúng tôi là VOCA!</div>
<div class="support-header-description">Dưới đây là một số cách nhanh chóng để kết nối với chúng tôi</div>
</div>

<div class="support-box-body">

<div class="support-body-parent">
<div class="support-body-item">
<div class="title">Chat với VOCA</div>
<div class="item">
<a href="https://www.messenger.com/t/www.voca.vn/" target="_blank" class="link-messenger">
<div class="item-link">
<img src="https://www.voca.vn/assets/images/voca-support-messenger.svg" />
<div class="item-link-content">
<span class="link-content">Nhắn tin Messenger</span>
<span class="link-description">Luôn có mặt 24/7 bạn nhé!</span>
</div>
</div>
</a>

<a href="https://zalo.me/0829905858" target="_blank" class="link-zalo">
<div class="item-link">
<img src="https://www.voca.vn/assets/images/voca-support-zalo.svg" />
<div class="item-link-content">
<span class="link-content">Nhắn tin Zalo</span>
<span class="link-description">082-99-05858 (luôn có mặt)</span>
</div>
</div>
</a>

<a href="tel:0829905858" class="link-hotline">
<div class="item-link">
<img src="https://www.voca.vn/assets/images/voca-support-phone.svg" />
<div class="item-link-content">
<span class="link-content">Gọi Hotline</span>
<span class="link-description"><span>082-99-05858</span> (8h-20h)</span>
</div>
</div>
</a>

<a href="mailto://support@voca.vn" target="_blank" class="link-email">
<div class="item-link">
<img src="https://www.voca.vn/assets/images/voca-support-email.svg" />
<div class="item-link-content">
<span class="link-content">Gửi qua email</span>
<span class="link-description">support@voca.vn</span>
</div>
</div>
</a>
</div>
</div>

</div>



<div class="support-body-more">
<div class="support-body-item item-more">
<div class="subtitle">
<img src="https://www.voca.vn/assets/images/voca-support-more.svg" />
<span>Tìm hiểu về VOCA</span>
</div>
<div class="item">
<a href="https://www.voca.vn" class="link-introduction">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Giới thiệu chung</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/voca-project" class="link-story">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Câu chuyện về VOCA</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/library" class="link-library">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Thư viện khóa học</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/method" class="link-method">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Phương pháp</span>
</div>
</div>
</a>
</div>
</div>
</div>



<div class="support-body-course">
<div class="support-body-item item-course">
<div class="subtitle">
<img src="https://www.voca.vn/assets/images/voca-support-course.svg" />
<span>Đăng ký mua khoá học</span>
</div>
<div class="item">
<a href="https://www.voca.vn/premium?utm_va=e2dcef3a458bc86fc136308385c1083f" class="link-introduction">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Gói học tiếng Anh toàn diện Premium</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/store?utm_va=2430ff99abd9349623424931b163f438" class="link-story">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Các gói học tiếng Anh theo nhu cầu</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/scholarship?utm_va=ea826d1824d95785438f4c6fa61ff2d4" class="link-library">
<div class="item-link">
<div class="item-link-content">
<span class="link-content"> Học bổng dành cho Học sinh, Sinh viên, Giáo viên</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/partnership" class="link-partnership">
<div class="item-link">
<div class="item-link-content">
<span class="link-content"> Dành cho khách hàng doanh nghiệp</span>
</div>
</div>
</a>

</div>
</div>
</div>



<div class="support-body-guide">
<div class="support-body-item item-guide">
<div class="subtitle">
<img src="https://www.voca.vn/assets/images/voca-support-guide.svg" />
<span>Hướng dẫn cách học</span>
</div>
<div class="item">
<a href="https://www.voca.vn/instruction" class="link-guide-overview">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Hướng dẫn tổng quát</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/guide" class="link-guide-detail">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Hướng dẫn chi tiết</span>
</div>
</div>
</a>

<a href="https://www.voca.vn/support" class="link-question">
<div class="item-link">
<div class="item-link-content">
<span class="link-content">Câu hỏi thường gặp</span>
</div>
</div>
</a>
</div>
</div>
</div>



<div class="support-body-feedback">
<div class="support-body-item item-feedback">
<div class="subtitle">
<img src="https://www.voca.vn/assets/images/voca-support-feedback.svg" />
<span>Góp ý và báo lỗi</span>
</div>
<div class="item">
<textarea class="txt-feedback" placeholder="Vui lòng nhập nội dung lỗi tại đây"></textarea>

<div class="feedback-message">
<img src="https://www.voca.vn/assets/images/voca-support-success.svg" />
<span>Cảm ơn những góp ý đề xuất của bạn!</span>
</div>

<div class="feedback-button">
<a href="javascript:void(0)" class="btn-send-feedback">GỬI</a>
</div>
</div>
</div>
</div>


</div>
</div>

<div class="clearfix"></div>

<div class="support-hint hidden">
<div class="support-hint-content">
<a href="javascript:void(0)" class="hide-support-hint"></a>
<div class="support-hint-box">
Chào bạn, nếu bạn cần hỗ trợ hãy nhấn vào đây nhé
</div>
</div>
</div>

<div class="clearfix"></div>

<a href="javascript:void(0)" class="btn-support">
<img src="https://www.voca.vn/assets/images/voca-support-center.svg" alt="Hỗ trợ" />
</a>
</div>
</div>

<script>

$('.menu-item-advise').click(function(){
$('.support-box-content').addClass('boxOpen');
$('.support-box-content').css('display','block');
$('.btn-support').css('display','none');
$('.support-hint').css('display','none');
});

$('.hide-support-hint').click(function(){
$(this).closest('.support-hint').css('display','none');
document.cookie = "hide_support_hint=1";
});

$('.btn-support').click(function(){
$('.support-box-content').addClass('boxOpen');
$('.support-box-content').css('display','block');
$('.btn-support').css('display','none');
$('.support-hint').css('display','none');
});
$('.support-header-close').click(function(){

$('.support-box-content').css('display','none');
$('.btn-support').css('display','block');
$('.btn-support').addClass('animated');
$('.btn-support').addClass('fast');
$('.btn-support').addClass('zoomIn');
});

$('.support-body-parent .link-course').click(function(){
$('.support-body-parent').css('display','none');
$('.support-body-course').css('display','block');
$('.support-header-back').css('display','block');
$('.support-body-course').addClass('animated');
$('.support-body-course').addClass('fadeInUp');

});

$('.support-body-parent .link-more').click(function(){
$('.support-body-parent').css('display','none');
$('.support-body-more').css('display','block');
$('.support-header-back').css('display','block');
$('.support-body-more').addClass('animated');
$('.support-body-more').addClass('fadeInUp');

});

$('.support-body-parent .link-feedback').click(function(){
$('.item-feedback textarea').css('display','block');
$('.feedback-message').css('display','none');
$('.support-header-back').css('display','block');
$('.btn-send-feedback').text('GỬI');
$('.btn-send-feedback').removeClass('feedback-done');
$('.support-body-parent').css('display','none');
$('.support-body-feedback').css('display','block');
$('.support-body-feedback').addClass('animated');
$('.support-body-feedback').addClass('fadeInUp');
});

$('.support-body-parent .link-guide').click(function(){
$('.support-body-parent').css('display','none');
$('.support-body-guide').css('display','block');
$('.support-header-back').css('display','block');
$('.support-body-guide').addClass('animated');
$('.support-body-guide').addClass('fadeInUp');
});

$('.support-header-back').click(function(){
$('.support-body-more').css('display','none');
$('.support-body-guide').css('display','none');
$('.support-body-feedback').css('display','none');
$('.support-body-course').css('display','none');
$('.support-header-back').css('display','none');
$('.support-body-parent').css('display','block');
$('.support-body-parent').addClass('animated');
$('.support-body-parent').addClass('fadeInUp');
});

$('.more-feedback, .more-support').click(function(){
$('.btn-support').trigger('click');
});

</script>

<div class="modal fade" id="vip-modal" tabindex="-1" role="dialog">



<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="javascript:void(0)" data-dismiss="modal">
<svg xmlns="http://www.w3.org/2000/svg" width="19.33" height="19.329" viewBox="0 0 19.33 19.329"><g transform="translate(-329.79 -68.879)"><path d="M15931.618-5658.267l15.088,15.085" transform="translate(-15599.707 5729.268)" fill="none" stroke="#cfcfcf" stroke-linecap="round" stroke-width="3"/><path d="M0,0,15.086,15.086" transform="translate(331.912 86.086) rotate(-90)" fill="none" stroke="#cfcfcf" stroke-linecap="round" stroke-width="3"/></g></svg>
</a>
</div>

<div class="modal-body">
<h3>Chọn gói tài khoản</h3>
<h4>Hãy chọn VIP nếu bạn muốn học theo từng kỹ năng, hoặc chọn PREMIUM nếu bạn muốn học tất cả.</h4>

<a href="https://www.voca.vn/course?utm_va=04177fb8f057724d88c6941b5a3b9516" class="btn-vip">
<img src="https://www.voca.vn/assets/images/vip-modal-vip.svg" />
</a>
<div class="or-text">HOẶC</div>
<a href="https://www.voca.vn/premium?utm_va=51a6653185a7587a37b9200da21e6774" class="btn-premium">
<img src="https://www.voca.vn/assets/images/vip-modal-premium.svg" />
</a>

</div>

</div>

<style>

#vip-modal .modal-dialog{
max-width: 400px;
width: 100%;
}
#vip-modal .modal-content{
border-radius: 15px;
}
#vip-modal .modal-header{
border: 0px;
position: relative;
}
#vip-modal .modal-header a{
display: inline-block;
width: 26px;
height: 26px;
background: url("https://www.voca.vn/assets/images/voca-bg.svg?n=11") 0px -10150px;
position: absolute;
right: -12px;
top: -12px;
z-index: 1;
}
#vip-modal .modal-header a svg{
display: none;
}
#vip-modal .modal-body{
padding: 10px 25px 30px;
}
#vip-modal .modal-body h3{
color: #201F1F;
text-align: center;
font-size: 25px;
font-family: 'balootammabold';
margin: auto;
line-height: 1.4;
}
#vip-modal .modal-body h4{
text-align: center;
color: #AFAFAF;
font-size: 17px;
line-height: 1.3;
}
#vip-modal .modal-body .or-text{
text-align: center;
color: #CFCFCF;
font-size: 18px;
font-family: balootammasemibold;
}

#vip-modal .btn-vip{
display: block;
max-width: 317.967px;
height: 45px;
margin: 15px auto;
}
#vip-modal .btn-premium{
display: block;
max-width: 317.967px;
height: 45px;
margin: 15px auto;
}
#vip-modal .btn-vip img,
#vip-modal .btn-premium img{
width: 100%;
}
@media(max-width: 767px){
#vip-modal .modal-dialog {
margin: 0;
}
#vip-modal .modal-content {
border-radius: 15px;
border: 0;
border-radius: 0;
margin: 0;
}
#vip-modal .modal-header a{
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
background: unset;
}
#vip-modal .modal-header a svg{
display: inline-block
}
}

</style>

</div>


</div>

<script>
var menuCourseI = localStorage.getItem('menu_course_i');
var menuCourseSpan = localStorage.getItem('menu_course_span');
var menuCourseClass = localStorage.getItem('menu_course_class');
if(menuCourseI != null && menuCourseSpan != null && menuCourseClass != null){
$('.a-menu-course i').addClass(menuCourseI);
$('.a-menu-course span').text(menuCourseSpan);
$('.menu-course-content').find(menuCourseClass).addClass('active');
}else{
$('.a-menu-course i').addClass('skills');
$('.a-menu-course span').text('Kỹ năng');
$('.menu-course-content').find('.li-skills').addClass('active');
}

</script>

<style>
.modal-library-course{
position: fixed;
z-index: 10000;
background: #ffffff;
left: 0;
right: 0;
top: -300vh;
bottom: 300vh;
height: 100vh;
padding: 60px 10px 40px;
}
.modal-library-course h1{
margin: 0;
text-align: center;
color: #4B4B4B;
font-size: 35px;
font-family: 'balootammaextrabold';
}
.modal-library-course .library-course{
margin-top: 50px;
}
.modal-library-course .library-course-item{
width: 353px;
float: left;
margin: 0px 0px 0px;
min-height: 590px;
transition: 0.15s all ease-in-out;
}
.modal-library-course .library-course-item:hover{
transform: scale(1.005);
}
.modal-library-course .library-course-item .btn-library-item{
text-decoration: none;
color: #fff;
padding-top: 165px;
display: block;
position: relative;
}
.modal-library-course .library-course-item .item-content{
background: #CE82FF;
border-radius: 25px;
min-height: 410px;
padding: 220px 22px 20px;
text-align: center;
}
.modal-library-course .library-course-item.item-skills .item-content{
background: #58CC02;
}
.modal-library-course .library-course-item.item-demand .item-content{
background: #1CB0F6;
}
.modal-library-course .library-course-item.item-certificate .item-content{
background: #FF9600;
}
.modal-library-course .library-course-item.item-student .item-content{
background: #FFAADE;
}
.modal-library-course .library-course-item img,
.modal-library-course .library-course-item canvas{
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%);
width: 100%;
}
.modal-library-course .library-course-item h3{
margin: 0;
font-size: 30px;
font-family: 'balootammaextrabold';
text-transform: capitalize;
}
.modal-library-course .library-course-item p{
margin: 10px 0px 0px;
font-size: 17px;
height: 73px;
}
.modal-library-course .library-course-item .action{
display: block;
height: 53px;
background: #fff;
margin-top: 20px;
border-radius: 13px;
border-bottom: 5px solid #E4B8FF;
color: #CE82FF;
font-size: 18px;
font-family: 'balootammabold';
line-height: 53px;
}
.modal-library-course .library-course-item.item-skills .action{
border-bottom: 5px solid #D7FFB8;
color: #58CC02;
}
.modal-library-course .library-course-item.item-demand .action{
border-bottom: 5px solid #84D8FF;
color: #1CB0F6;
}
.modal-library-course .library-course-item.item-certificate .action{
border-bottom: 5px solid #FFC800;
color: #FF9600;
}
.modal-library-course .library-course-item.item-student .action{
border-bottom: 5px solid #FFD8F0;
color: #FFAADE;
}
.modal-library-course-close{
position: absolute;
left: 15px;
top: 15px;
}

@media(max-width: 1190px){

.modal-library-course .library-course-item{
width: 350px;
}
.modal-library-course .library-course-item p{
min-height: 73px;
}
}

@media(max-width: 991px){
.modal-library-course .library-course {
margin-top: 60px;
}

}
@media(max-width: 767px){

.modal-library-course h1{
font-size: 25px;
line-height: 30px;
}
.modal-library-course .library-course-item {
width: 300px;
min-height: 480px;
}
.modal-library-course .library-course {
margin-top: 30px;

}
.modal-library-course .library-course-item .item-content{
padding: 150px 18px 20px;
min-height: 345px;
}

.modal-library-course .library-course-item h3{
font-size: 25px;
}
.modal-library-course .library-course-item p {
min-height: 64px;
font-size: 15px;
}
}

</style>

<div class="modal-library-course">
<a href="javascript:void(0)" class="modal-library-course-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>
<h1>Chọn kế hoạch học tập</h1>

<div class="library-course">
<div class="library-course-content owl-carousel owl-theme">

<div class="library-course-item item-cefr">
<a href="javascript:void(0)" class="btn-library-item">
<div class="item-content">
<canvas id="canvas-cefr" width="372" height="372"></canvas>
<h3>Học Theo Cấp Độ</h3>
<p>Giúp bạn toàn diện 4 kỹ năng Anh ngữ theo lộ trình 7 cấp độ CEFR từ A0 đến C2</p>
<span class="action">BẮT ĐẦU NGAY</span>
</div>
</a>
</div>

<div class="library-course-item item-skills">
<a href="javascript:void(0)" class="btn-library-item">
<div class="item-content">
<canvas id="canvas-skills" width="373" height="373"></canvas>
<h3>Học Theo Kỹ Năng</h3>
<p>Giúp bạn toàn diện 4 kỹ năng Anh ngữ theo 7 giải pháp chuyên biệt cho từng kỹ năng</p>
<span class="action">BẮT ĐẦU NGAY</span>
</div>
</a>
</div>

<div class="library-course-item item-demand">
<a href="javascript:void(0)" class="btn-library-item">
<div class="item-content">
<canvas id="canvas-demand" width="373" height="373"></canvas>
<h3>Học Theo Nhu Cầu</h3>
<p>Giúp bạn chinh phục các mục tiêu tiếng Anh khác theo nhu cầu học tập cá nhân</p>
<span class="action">BẮT ĐẦU NGAY</span>
</div>
</a>
</div>

<div class="library-course-item item-certificate">
<a href="javascript:void(0)" class="btn-library-item">
<div class="item-content">
<canvas id="canvas-certificate" width="373" height="373"></canvas>
<h3>Luyện Thi Chứng Chỉ</h3>
<p>Giúp bạn chuẩn bị kiến thức và kỹ năng làm bài để đạt điểm tốt trong kỳ thi TOEIC, IELTS, CAMBRIDGE</p>
<span class="action">BẮT ĐẦU NGAY</span>
</div>
</a>
</div>

<div class="library-course-item item-student">
<a href="javascript:void(0)" class="btn-library-item">
<div class="item-content">
<canvas id="canvas-student" width="373" height="373"></canvas>
<h3>Dành Cho Học Sinh</h3>
<p>Giúp bạn học tốt tiếng Anh theo chương trình học của Bộ GD-ĐT Việt Nam</p>
<span class="action">BẮT ĐẦU NGAY</span>
</div>
</a>
</div>

</div>
<div class="clearfix"></div>
</div>

</div>

<script src="https://unpkg.com/@rive-app/canvas@2.7.0"></script>

<script>

$('.library-course-content').owlCarousel({
loop:false,
nav:false,
dots:false,
margin: 30,
autoWidth:true,
autoplay: false,
});

let layout = new rive.Layout({
fit: rive.Fit.FitHeight,
});

const rCefr = new rive.Rive({
src: "https://www.voca.vn/assets/images/library/cefr.riv",
canvas: document.getElementById("canvas-cefr"),
autoplay: false,
onLoad: () => {
rCefr.resizeDrawingSurfaceToCanvas();
},
});

const rSkills = new rive.Rive({
src: "https://www.voca.vn/assets/images/library/skills.riv",
canvas: document.getElementById("canvas-skills"),
autoplay: false,
onLoad: () => {
rSkills.resizeDrawingSurfaceToCanvas();
},
});

const rDemand = new rive.Rive({
src: "https://www.voca.vn/assets/images/library/demand.riv",
canvas: document.getElementById("canvas-demand"),
autoplay: false,
onLoad: () => {
rDemand.resizeDrawingSurfaceToCanvas();
},
});

const rCertificate = new rive.Rive({
src: "https://www.voca.vn/assets/images/library/certificate.riv",
canvas: document.getElementById("canvas-certificate"),
autoplay: false,
onLoad: () => {
rCertificate.resizeDrawingSurfaceToCanvas();
},
});

const rStudent = new rive.Rive({
src: "https://www.voca.vn/assets/images/library/student.riv",
canvas: document.getElementById("canvas-student"),
autoplay: false,
onLoad: () => {
rStudent.resizeDrawingSurfaceToCanvas();
},
});

$('.library-course-item').mouseover(function() {
if($(this).hasClass('item-cefr')){
rCefr.play("State Machine 1");
}else if($(this).hasClass('item-skills')){
rSkills.play("State Machine 1");
}else if($(this).hasClass('item-demand')){
rDemand.play("State Machine 1");
}else if($(this).hasClass('item-certificate')){
rCertificate.play("State Machine 1");
}else if($(this).hasClass('item-student')){
rStudent.play("State Machine 1");
}

});

$('.library-course-item').mouseout(function() {
if($(this).hasClass('item-cefr')){
rCefr.pause("State Machine 1");
}else if($(this).hasClass('item-skills')){
rSkills.pause("State Machine 1");
}else if($(this).hasClass('item-demand')){
rDemand.pause("State Machine 1");
}else if($(this).hasClass('item-certificate')){
rCertificate.pause("State Machine 1");
}else if($(this).hasClass('item-student')){
rStudent.pause("State Machine 1");
}
});

</script>

<style>
.course-skills-modal{
background: #fff;
position: fixed;
top: 220vh;
bottom: -220vh;
height: 100vh;
right: 0;
left: 0;
z-index: 10000;
overflow: auto;
}
.course-skills-modal .skills-modal-content{
max-width: 694px;
padding: 60px 15px 0px;
margin: 0 auto;
}
.course-skills-modal .libary-skills-modal-close{
position: relative;
}
.course-skills-modal .libary-skills-modal-close a{
position: absolute;
left: 0;
top: 11px;
}
.course-skills-modal .skills-modal-content .title{
font-size: 35px;
text-align: center;
margin: 0;
font-family: 'balootammaextrabold';
}
.course-skills-modal .skills-modal-content .skills-modal-body-content{
width: calc(100% + 32px);
margin-left: -16px;
margin-top: 35px;
}
.course-skills-modal .skills-modal-body-content .item{
width: 200px;
float: left;
margin: 0px 16px 20px;
}
.course-skills-modal .skills-modal-body-content .item a{
display: block;
text-decoration: none;
}
.course-skills-modal .skills-modal-body-content .item img{
width: 100%;
}
.course-skills-modal .skills-modal-body-content .item span{
text-align: center;
display: block;
color: #BABABA;
font-size: 20px;
margin-top: 15px;
font-family: balootammasemibold;
width: calc(100% + 20px);
margin-left: -10px;
}
.course-skills-modal .skills-modal-body-content .item a:hover{
text-decoration: none;
}
.course-skills-modal .skills-modal-body-content .item a:hover span{
color: #1CB0F6;
}
@media(max-width: 767px){
.course-skills-modal .skills-modal-content{
padding: 20px;
}
.course-skills-modal .libary-skills-modal-close a {
top: -30px;
}
.course-skills-modal .skills-modal-content .title{
font-size: 25px;
margin-top: 30px;
line-height: 32px;
}
.course-skills-modal .skills-modal-content .skills-modal-body-content {
width: calc(100% + 16px);
margin-left: -8px;
margin-top: 20px;
}
.course-skills-modal .skills-modal-body-content .item {
width: calc(50% - 16px);
float: left;
margin: 0px 8px 20px;
}
.course-skills-modal .skills-modal-body-content .item span{
font-size: 18px;
}
}
</style>
<div class="course-skills-modal skills-modal">
<div class="skills-modal-content">
<div class="libary-skills-modal-close">
<a href="javascript:void(0)" class="btn-skills-modal-close btn-skills-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>

<div class="title">Chọn một kỹ năng</div>
</div>

<div class="skills-modal-body">
<div class="skills-modal-body-content" >
<div class="item item-vocabulary">
<a href="https://www.voca.vn/library/vocabulary">
<img src="https://www.voca.vn/assets/images/library/vocabulary.svg" alt="Từ vựng"/>
<span>Từ vựng</span>
</a>
</div>

<div class="item item-sentence">
<a href="https://www.voca.vn/library/sentence">
<img src="https://www.voca.vn/assets/images/library/sentence.svg" alt="Mẫu câu"/>
<span>Mẫu câu</span>
</a>
</div>

<div class="item item-grammar">
<a href="https://www.voca.vn/library/grammar">
<img src="https://www.voca.vn/assets/images/library/grammar.svg" alt="Ngữ pháp"/>
<span>Ngữ pháp</span>
</a>
</div>

<div class="item item-pronunciation">
<a href="https://www.voca.vn/library/pronunciation">
<img src="https://www.voca.vn/assets/images/library/pronunciation.svg" alt="Phát âm"/>
<span>Phát âm</span>
</a>
</div>

<div class="item item-natural">
<a href="https://www.voca.vn/natural-english/natural-english-starter-2019">
<img src="https://www.voca.vn/assets/images/library/natural.svg" alt="Phản xạ"/>
<span>Phản xạ</span>
</a>
</div>

<div class="item item-music">
<a href="https://music.voca.vn/" target="_blank">
<img src="https://www.voca.vn/assets/images/library/music.svg" alt="Luyện nghe"/>
<span>Luyện nghe</span>
</a>
</div>

<div class="item item-writing">
<a href="https://www.voca.vn/writing/prepare-for-writing-skill-a1">
<img src="https://www.voca.vn/assets/images/library/writing.svg" alt="luyệnt viết"/>
<span>Luyện viết</span>
</a>
</div>

<div class="clearfix"></div>
</div>
</div>

</div>

</div>

<div class="course-skills-modal cefr-modal">
<div class="skills-modal-content">
<div class="libary-skills-modal-close">
<a href="javascript:void(0)" class="btn-skills-modal-close btn-cefr-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>

<div class="title">Chọn một cấp độ</div>
</div>

<div class="skills-modal-body">
<div class="skills-modal-body-content" >
<div class="item item-vocabulary">
<a href="https://www.voca.vn/study-path/cefr-a0">
<img src="https://www.voca.vn/assets/images/library/a0.svg" alt="Mới bắt đầu"/>
<span>Mới bắt đầu</span>
</a>
</div>

<div class="item item-sentence">
<a href="https://www.voca.vn/study-path/cefr-a1">
<img src="https://www.voca.vn/assets/images/library/a1.svg" alt="Sơ cấp"/>
<span>Sơ cấp</span>
</a>
</div>

<div class="item item-grammar">
<a href="https://www.voca.vn/study-path/cefr-a2">
<img src="https://www.voca.vn/assets/images/library/a2.svg" alt="Tiền trung cấp"/>
<span>Tiền trung cấp</span>
</a>
</div>

<div class="item item-pronunciation">
<a href="https://www.voca.vn/study-path/cefr-b1">
<img src="https://www.voca.vn/assets/images/library/b1.svg" alt="Trung cấp"/>
<span>Trung cấp</span>
</a>
</div>

<div class="item item-natural">
<a href="https://www.voca.vn/study-path/cefr-b2">
<img src="https://www.voca.vn/assets/images/library/b2.svg" alt="Cao trung cấp"/>
<span>Cao trung cấp</span>
</a>
</div>

<div class="item item-music">
<a href="https://www.voca.vn/study-path/cefr-c1">
<img src="https://www.voca.vn/assets/images/library/c1.svg" alt="Cao cấp"/>
<span>Cao cấp</span>
</a>
</div>

<div class="item item-writing">
<a href="https://www.voca.vn/study-path/cefr-c2">
<img src="https://www.voca.vn/assets/images/library/c2.svg" alt="Thành thạo"/>
<span>Thành thạo</span>
</a>
</div>

<div class="clearfix"></div>
</div>
</div>

</div>

</div>

<div class="course-skills-modal demand-modal">
<div class="skills-modal-content">
<div class="libary-skills-modal-close">
<a href="javascript:void(0)" class="btn-skills-modal-close btn-demand-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>

<div class="title">Chọn nhu cầu phù hợp</div>
</div>

<div class="skills-modal-body">
<div class="skills-modal-body-content" >
<div class="item item-vocabulary">
<a href="https://www.voca.vn/library/study-path/work">
<img src="https://www.voca.vn/assets/images/library/work.svg" alt="Văn phòng"/>
<span>Văn phòng</span>
</a>
</div>

<div class="item item-sentence">
<a href="https://www.voca.vn/library/study-path/communicative">
<img src="https://www.voca.vn/assets/images/library/communicative.svg" alt="Giao tiếp"/>
<span>Giao tiếp</span>
</a>
</div>

<div class="item item-natural">
<a href="https://www.voca.vn/library/study-path/business">
<img src="https://www.voca.vn/assets/images/library/commercial.svg" alt="Thương mại"/>
<span>Thương mại</span>
</a>
</div>

<div class="item item-writing">
<a href="https://www.voca.vn/study-path/travel-english">
<img src="https://www.voca.vn/assets/images/library/travel.svg" alt="Du lịch"/>
<span>Du lịch</span>
</a>
</div>

<div class="clearfix"></div>
</div>
</div>

</div>

</div>

<div class="course-skills-modal certificate-modal">
<div class="skills-modal-content">
<div class="libary-skills-modal-close">
<a href="javascript:void(0)" class="btn-skills-modal-close btn-certificate-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>

<div class="title">Chọn khóa học phù hợp</div>
</div>

<div class="skills-modal-body">
<div class="skills-modal-body-content" >

<div class="item item-grammar">
<a href="https://www.voca.vn/study-path/toeic">
<img src="https://www.voca.vn/assets/images/library/toeic-1.svg" alt="TOEIC"/>
<span>TOEIC</span>
</a>
</div>

<div class="item item-pronunciation">
<a href="https://www.voca.vn/library/ielts">
<img src="https://www.voca.vn/assets/images/library/ielts.svg" alt="IELTS"/>
<span>IELTS</span>
</a>
</div>

<div class="item item-natural">
<a href="https://www.voca.vn/library/cambridge">
<img src="https://www.voca.vn/assets/images/library/cambridge.svg" alt="Chứng chỉ CAMBRIDGE"/>
<span>CAMBRIDGE</span>
</a>
</div>

<div class="clearfix"></div>
</div>
</div>

</div>

</div>

<div class="course-skills-modal student-modal">
<div class="skills-modal-content">
<div class="libary-skills-modal-close">
<a href="javascript:void(0)" class="btn-skills-modal-close btn-student-close"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L23 23" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/><path d="M2 23L23 2" stroke="#CFCFCF" stroke-width="4" stroke-linecap="round"/></svg></a>

<div class="title">Chọn một chương trình</div>
</div>

<div class="skills-modal-body">
<div class="skills-modal-body-content" >

<div class="item item-music">
<a href="https://www.voca.vn/library/study-path/student">
<img src="https://www.voca.vn/assets/images/library/student-1.svg" alt="Học sinh"/>
<span>Thí điểm</span>
</a>
</div>

<div class="item item-pronunciation">
<a href="https://www.voca.vn/library/global-success">
<img src="https://www.voca.vn/assets/images/library/global-success.svg" alt="Global Success"/>
<span>Global Success</span>
</a>
</div>

<div class="item item-natural">
<a href="https://www.voca.vn/library/family-and-friends">
<img src="https://www.voca.vn/assets/images/library/family-friends.svg" alt="Family And Friends"/>
<span>Family And Friends</span>
</a>
</div>

<div class="clearfix"></div>
</div>
</div>

</div>

</div>

<script>

$('.btn-cefr-close').click(function(){
$('.cefr-modal').animate({'top' : '220vh','bottom' : '-220vh'});
$('body').css('overflow','auto');
});

$('.btn-skills-close').click(function(){
$('.skills-modal').animate({'top' : '220vh','bottom' : '-220vh'});
$('body').css('overflow','auto');
});

$('.btn-demand-close').click(function(){
$('.demand-modal').animate({'top' : '220vh','bottom' : '-220vh'});
$('body').css('overflow','auto');
});

$('.btn-certificate-close').click(function(){
$('.certificate-modal').animate({'top' : '220vh','bottom' : '-220vh'});
$('body').css('overflow','auto');
});

$('.btn-student-close').click(function(){
$('.student-modal').animate({'top' : '220vh','bottom' : '-220vh'});
$('body').css('overflow','auto');
});

$('.btn-library-item').click(function(){
$('body').css('overflow','hidden');
var parentEle = $(this).closest('.library-course-item');
if($(parentEle).hasClass('item-skills')){
$('.skills-modal').animate({'top' : '0','bottom' : '0'});
}else if($(parentEle).hasClass('item-cefr')){
$('.cefr-modal').animate({'top' : '0','bottom' : '0'});
}else if($(parentEle).hasClass('item-demand')){
$('.demand-modal').animate({'top' : '0','bottom' : '0'});
}else if($(parentEle).hasClass('item-certificate')){
$('.certificate-modal').animate({'top' : '0','bottom' : '0'});
}else{
$('.student-modal').animate({'top' : '0','bottom' : '0'});
}
});
</script>

<script>

$('.library-menu .left a').click(function(){
$('body').css('overflow','hidden');
$('.modal-library-course').animate({'top' : 0});
});

$('.modal-library-course-close').click(function(){
$('body').css('overflow','auto');
$('.modal-library-course').animate({'top' : '-250vh'});
});

$('.course-choose-skills').click(function(){
$('.skills-choose-modal').animate({'top' : 0});
});

</script>

<div class="companion-modal">
<style>
.companion-modal{
position: fixed;
background: #fff;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10000;
overflow: auto;
display: none;
}
.companion-modal .btn-close-companion-modal{
position: absolute;
right: 20px;
top: 20px;
}
.companion-content{
max-width: 805px;
padding: 50px 15px;
margin: 0 auto;
}
.companion-content h1{
margin: 0;
color: #1CB0F6;
text-align: center;
font-size: 30px;
font-family: 'balootammaextrabold';
line-height: 40px;
}
.companion-content h6{
color: #777777;
font-size: 17px;
text-align: center;
margin: 10px 0px 0px;
}
.companion-content .companion-content-item{
font-size: 0;
margin-left: -16px;
width: calc(100% + 32px);
margin-top: 25px;
}
.companion-content .companion-content-item .item{
width: calc(50% - 32px);
margin: 16px 16px 16px;
float: left;
}
.companion-content .item a{
display: block;
height: 440px;
border: 2px solid #e5e5e5;
border-radius: 16px;
padding: 20px 30px 30px;
text-decoration: none;
color: #777;
position: relative;
}
.companion-content .item img{
display: block;
max-width: 210px;
margin: 0px auto;
}
.companion-content .item h4{
margin: 20px 0px 0px;
color: #39464F;
text-align: center;
font-size: 20px;
font-family: balootammasemibold;
}
.companion-content .item p{
color: #777777;
font-size: 17px;
text-align: center;
margin: 15px auto 0px;
max-width: 290px;
}
.companion-content .item span{
display: block;
height: 49px;
width: 210px;
border: 2px solid #e5e5e5;
border-bottom: 4px solid #e5e5e5;
color: #1CB0F6;
font-size: 15px;
font-family: 'balootammabold';
text-transform: uppercase;
text-align: center;
line-height: 49px;
border-radius: 11px;
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%);
}
.companion-content .item a:hover span{
background: #fafafa;
}
.companion-content .btn-view{
display: block;
text-decoration: none;
margin: 40px auto 0px;
text-align: center;
color: #CFCFCF;
font-size: 20px;
font-family: 'balootammasemibold';
text-transform: uppercase;
}
@media(max-width: 767px){
.companion-content .companion-content-item{
margin: 35px 0px 0px;
width: calc(100% + 15px);
overflow: hidden;
overflow-x: auto;
}
.companion-content .companion-content-item::-webkit-scrollbar{
display: none;
}
.companion-content .companion-content-item .content-item{
width: 652px;
}
.companion-content .companion-content-item .item{
width: 310px;
margin: 16px 16px 16px 0px;
}
.companion-content .item a{
padding: 20px 15px 30px;
}
.companion-content .btn-view{
margin: 20px auto 0px;
font-size: 15px;
}
}
</style>

<div class="companion-container">
<a href="javascript:void(0)" class="btn-close-companion-modal"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13 13" stroke="#cccccc" stroke-width="2" stroke-linecap="round"/><path d="M1 13L13 1" stroke="#cccccc" stroke-width="2" stroke-linecap="round"/></svg></a>
<div class="companion-content">
<h1>Chương trình học bổng tiếng Anh VOCA</h1>
<h6>Đồng hành cùng bạn học Việt Nam xóa bỏ rào cản Anh ngữ </h6>
<div class="companion-content-item">
<div class="content-item">
<div class="item">
<a href="https://www.voca.vn/scholarship">
<img alt="" src="https://www.voca.vn/assets/images/scholarship/object-2.svg?n=1" />
<h4>Nếu bạn là Học sinh, Sinh viên</h4>
<p>Đăng ký tham gia VOCA Scholarship để được áp dụng chính sách hỗ trợ học phí</p>
<span>Xem học bổng</span>
</a>
</div>
<div class="item">
<a href="https://www.voca.vn/teachership">
<img alt="" src="https://www.voca.vn/assets/images/scholarship/object-4.svg?n=1" />
<h4>Nếu bạn là Giáo viên tiếng Anh</h4>
<p>Đăng ký tham gia VOCA Teachership để giúp học sinh của bạn học tiếng Anh hiệu quả hơn</p>
<span>Xem học bổng</span>
</a>
</div>
<div class="clearfix"></div>
</div>

</div>
<a href="javascript:void(0)" class="btn-view">Bạn không thuộc 2 nhóm đối tượng trên?</a>
</div>
</div>

<div class="modal fade" id="letter-modal" tabindex="-1" role="dialog">
<div class="fade-show"></div>



<div class="modal-dialog">

<div class="modal-content">

<img class="letter-pc" src="https://www.voca.vn/assets/images/companion-letter.svg" />
<img class="letter-mobile" src="https://www.voca.vn/assets/images/companion-letter-mobile.svg" />

<div class="modal-head">
<a href="javascript:void(0)" data-dismiss="modal"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13 13" stroke="#E5E5E5" stroke-width="2" stroke-linecap="round"/><path d="M1 13L13 1" stroke="#E5E5E5" stroke-width="2" stroke-linecap="round"/></svg></a>
</div>

</div>

<style>

#letter-modal .fade-show{
position: fixed;
top: 0;
left: 0;
z-index: 0;
width: 100vw;
height: 100vh;
background-color: #000;
opacity: 0.5;

}
#letter-modal .modal-dialog{
max-width: 809px;
margin-top: 70px;
position: relative;
z-index: 1;
}
#letter-modal .modal-content{
border-radius: 0px;
border: 0;
background: #fff;
padding: 0;
}
#letter-modal .modal-head{
border: 0px;
position: absolute;
top: 40px;
right: 45px;
z-index: 1;
}
#letter-modal .modal-head a{
display: inline-block;
width: 26px;
height: 26px;
}
#letter-modal .modal-body{
padding: 0;
overflow: hidden;

}

#letter-modal .modal-body .title{
color: #777;
font-size: 17px;
font-family: 'balootammasemibold';
}
#letter-modal .modal-body .content{
color: #777777;
font-size: 17px;
margin-top: 22px;
}
#letter-modal .modal-body .content span{
color: #1CB0F6;
}
#letter-modal .letter-pc{
width: 100%;
}
#letter-modal .letter-mobile{
width: 100%;
display: none;
}
@media(max-width: 767px) {
#letter-modal .modal-head{
top: 28px;
right: 25px;
}
#letter-modal .modal-dialog{
margin-top: 0;
}
#letter-modal .letter-pc{
display: none;
}
#letter-modal .letter-mobile{
display: block;
}
}
</style>

</div>


<script>

$('.btn-view').click(function(){
$('#letter-modal').modal();
});
$('#letter-modal .fade-show').click(function(){
$('#letter-modal').find('.modal-head a').trigger('click');
});

$('.btn-close-companion-modal').click(function(){
$('.companion-modal').fadeOut();
$('body').css('overflow', 'auto');
});

$('.btn-view-companion-modal').click(function(){

$('.companion-modal').fadeIn();
$('body').css('overflow', 'hidden');
});

</script>
</div>
</div>

<div id="modal-fb-browser" class="modal fade" >
<div class="modal-dialog" role="document">
<div class="modal-content">

<div class="modal-fb-browsers-content">

<div class="title">Mở trình duyệt bên ngoài</div>

<p class="content">Hãy mở liên kết này trong các trình duyệt Chrome, Safari,... để có trải nghiệm tốt nhất.</p>
<p class="content">Vui lòng nhấn vào menu (dấu ba chấm ở góc trên bên phải) và chọn <b>"Mở bằng trình duyệt bên ngoài"</b>.</p>

</div>

</div>
</div>

<style>
/* MODAL */

@media (min-width: 768px){
#modal-fb-browser .modal-dialog {
width: 520px;
margin-top: 70px;
}
}

#modal-fb-browser .modal-content{
padding: 0px;
border-radius: 25px;
position: relative;
}
.modal-fb-browsers-content{
padding: 20px 35px 10px;
}

.modal-fb-browsers-content svg{
display: block;
margin: 0 auto;
}

#modal-fb-browser .title{
text-align: center;
color: #39464F;
margin-top: 22px;
font-size: 24px;
font-family: 'balootammabold';
}

.modal-fb-browsers-content .content{
text-align: center;
margin-top: 15px;
color: #777777;
font-size: 17px;
font-family: 'balootammamedium';
}

</style>

</div>

<script>

// if (navigator.userAgent.includes('FBAN') || navigator.userAgent.includes('FBAV')) {
// $('#modal-fb-browser').modal();
// }
</script>

</body>
</html>

voca.vn Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.