body{font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding-bottom:40px;} a:hover, a:focus{transition:all 0.3s ease;} /*BUTTON STYLE*/ .btn{border-radius:0px;} .btn-custom{background:none; border:1px solid #fff; text-shadow:none; color:#fff; font-size:18px; padding:10px 25px; font-weight:bold} .btn-custom:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#231f59; border:1px solid #fff;} /*button#btnsubmit{color:#fff; background-color:#231f59; border:1px solid #fff; height:50px; font-size:18px; font-weight:bold;} button#btnsubmit:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#231f59; border:1px solid #231f59;}*/ .btn-custom2{background-color:#231f58; border:1px solid #231f58; text-shadow:none; color:#fff; font-size:18px; padding:10px 25px; font-weight:bold; background-image:none;} .btn-custom2:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#231f58; border:1px solid #231f58} .btn-custom3{background-color:#fff; border:1px solid #fff; text-shadow:none; color:#e62934; font-size:18px; padding:10px 25px; font-weight:bold; background-image:none; margin-left:56px;} .btn-custom3:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #e62934; color:#fff; border:1px solid #e62934} .btn-custom4{background-color:#cd2027; border:1px solid #fff; text-shadow:none; color:#fff; font-size:18px; padding:10px 25px; font-weight:bold; background-image:none; margin-top:40px;} .btn-custom4:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #fff; color:#cd2027; border:1px solid #cd2027} .btn-custom5{background-color:#fff; border:1px solid #fff; text-shadow:none; color:#e62934; font-size:18px; padding:10px 25px; font-weight:bold; background-image:none; margin-left:10px; margin-right:10px;} .btn-custom5:hover{transition:all 0.3s ease; box-shadow: inset 0 0 0 35px #e62934; color:#fff; border:1px solid #e62934} div.button-dangkytuvan{padding-top:20px; padding-bottom:0px; margin:0;} /*END BUTTON STYLE*/ /*STYLE BLINK TEXT - EFFECT TEXT*/ #bg-cover-pink .content span.lentoi2400000{ -webkit-animation: color-change 0.8s infinite; -moz-animation: color-change 0.8s infinite; -o-animation: color-change 0.8s infinite; -ms-animation: color-change 0.8s infinite; animation: color-change 0.8s infinite; } @-webkit-keyframes color-change { 0% { color: #ffffff; } 50% { color: #ff9500; } 100% { color: #ffffff; } } @-moz-keyframes color-change { 0% { color: #ffffff; } 50% { color: #ff9500; } 100% { color: #ffffff; } } @-ms-keyframes color-change { 0% { color: #ffffff; } 50% { color: #ff9500; } 100% { color: #ffffff; } } @-o-keyframes color-change { 0% { color: #ffffff; } 50% { color: #ff9500; } 100% { color: #ffffff; } } @keyframes color-change { 0% { color: #ffffff; } 50% { color: #ff9500; } 100% { color: #ffffff; } } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } /*STYLE BLINK TEXT - EFFECT TEXT*/ /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:right; padding-top:28px;} .navbar-nav{margin-top:0; background:none;} nav.navbar-inverse{border:none; background-image:none; padding-top:15px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:15px; padding-right:15px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:25px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:583px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow.png) 0 0 no-repeat; height: 415px; width:645px;} #myCarousel2 div.content-slideshow h1{padding-top:120px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 330px; text-align:center; margin-left:55px; margin-top:95px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:40px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:44px; color:#fff; margin-top:0px; margin-bottom:6px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:24px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:80px;} #myCarousel2 div.button-lambaithi img{margin-top:5px; margin-bottom:5px;} /*END SLIDESHOW*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:0px; margin-bottom:100px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:20px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:80px; padding-right:80px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:-15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:17px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 50px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin:0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:30px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:15px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:220px; height:35px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:50%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:10px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:block} .background-chiasecuahocvien-mobile{display:none;} /*END ON-OFF MODULE*/ @media screen and (max-width: 768px) { ul#myTab{max-width: 100% !important;} .navbar-inverse .navbar-toggle{background:none; border:none} .navbar-inverse .navbar-toggle:hover{background:none; border:none} .navbar-inverse .navbar-toggle .icon-bar{background-color:#555555;} .navbar-inverse .navbar-toggle .icon-bar:hover{background-color:red;} } @media screen and (min-width: 321px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-360.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:55%; height:55%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-360.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:14px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:120px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:120px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:10px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:10px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:10px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern-mobile.jpg) center center no-repeat; padding-top:40px; padding-bottom:40px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:15px; line-height:24px;} div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2 br{display:none} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:20px; margin-bottom:15px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:12px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-9px; width:70%} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:15px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 375px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:55%; height:55%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:14px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:130px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:130px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:110px; padding-right:20px; font-size:10px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:110px; padding-right:20px; font-size:10px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:110px; padding-right:20px; font-size:10px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern-mobile.jpg) center center no-repeat; padding-top:40px; padding-bottom:40px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:14px; line-height:24px;} div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2 br{display:none} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:15px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-9px; width:100px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 70px 0px 70px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:15px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 414px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:50%; height:50%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:14px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:150px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:150px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:130px; padding-right:40px; font-size:10px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:130px; padding-right:40px; font-size:10px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:130px; padding-right:40px; font-size:10px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:40px; padding-bottom:40px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:15px; line-height:24px;} div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2 br{display:none} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-9px; width:100px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:15px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 430px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:40%; height:40%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:14px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:150px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:150px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:140px; padding-right:50px; font-size:10px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:140px; padding-right:50px; font-size:10px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:140px; padding-right:50px; font-size:10px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:40px; padding-bottom:40px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:15px; line-height:24px;} div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2 br{display:none} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-9px; width:100px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 80px 0px 80px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:15px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 480px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:40%; height:40%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-480.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:180px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:180px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern-mobile.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:16px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-13px; width:140px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:130px 120px 0px 120px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:17px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 640px) { img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:#fff;} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:583px;} #myCarousel2 div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2 div.content-slideshow h1{padding-top:105px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 330px; text-align:center; margin-left:28px; margin-top:95px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:36px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:40px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:22px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:0px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:200px;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:380px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 280px; text-align:center; margin-left:0px; margin-top:95px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-50px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:80px; padding-right:80px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:260px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:260px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:180px; padding-right:80px; font-size:14px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:180px; padding-right:80px; font-size:14px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:180px; padding-right:80px; font-size:14px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:17px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-13px; width:140px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 50px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 180px 0px 180px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin:0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:17px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:15px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:130px; height:21px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:50%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:10px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 768px) { img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:right; padding-top:3px;} .navbar-nav{margin-top:0; background:none;} nav.navbar-inverse{border:none; background-image:none; padding-top:15px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:11px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:25px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:right; padding-top:0px; margin-right:30px; display:block} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-107px; background:url(../../images/slideshow.jpg) center center no-repeat; height:583px;} #myCarousel2 div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2 div.content-slideshow h1{padding-top:105px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 330px; text-align:center; margin-left:28px; margin-top:95px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:36px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:40px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:22px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:0px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:200px;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:380px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 280px; text-align:center; margin-left:0px; margin-top:95px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-50px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:80px; padding-right:80px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:320px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:320px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:240px; padding-right:140px; font-size:14px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:240px; padding-right:140px; font-size:14px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:240px; padding-right:140px; font-size:14px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:17px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-13px; width:140px} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 30px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 50px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga.jpg) center center no-repeat; width:100%; height:481px; color:#fff; padding:150px 250px 0px 250px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin:0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:13px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:15px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:150px; height:24px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:50%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:10px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 1024px) { img.tagline{display:block} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:right; padding-top:3px;} .navbar-nav{margin-top:0; background:none;} nav.navbar-inverse{border:none; background-image:none; padding-top:15px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:11px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:25px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:right; padding-top:0px; margin-right:30px; display:block} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:583px;} #myCarousel2 div.content-slideshow{position: relative; top:20px; background:url(../../images/bg-content-slideshow-small.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2 div.content-slideshow h1{padding-top:105px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 330px; text-align:center; margin-left:28px; margin-top:95px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:36px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:40px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:22px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:20px;} #myCarousel2 div.button-lambaithi img{margin-top:5px; margin-bottom:5px; width:250px;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:380px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 280px; text-align:center; margin-left:0px; margin-top:95px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:0px; margin-bottom:100px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:20px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:80px; padding-right:80px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:70px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:70px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:100px; padding-right:20px; font-size:14px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:-15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:17px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:-15px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-13px; width:140px;} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:20px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 50px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 -18px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin:0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:30px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:15px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:200px; height:32px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:50%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:10px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:block} .background-chiasecuahocvien-mobile{display:none;} /*END ON-OFF MODULE*/ } @media screen and (min-width: 1280px) { img.tagline{display:block} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:right; padding-top:3px;} .navbar-nav{margin-top:0; background:none;} nav.navbar-inverse{border:none; background-image:none; padding-top:15px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:15px; padding-right:15px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:25px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:right; padding-top:0px; margin-right:30px; display:block} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:13px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 6px 12px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:13px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:583px;} #myCarousel2 div.content-slideshow{position: relative; top:20px; background:url(../../images/bg-content-slideshow-small.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2 div.content-slideshow h1{padding-top:105px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 330px; text-align:center; margin-left:28px; margin-top:95px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:36px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:40px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:22px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:42px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:20px;} #myCarousel2 div.button-lambaithi img{margin-top:5px; margin-bottom:5px; width:250px;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-90px; background:url(../../images/slideshow.jpg) center center no-repeat; height:380px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) 0 0 no-repeat; height: 354px; width:551px;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 280px; text-align:center; margin-left:0px; margin-top:95px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:0px; margin-bottom:100px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:20px;} #thele-giaithuong p.thoigian{font-size:15px; text-align:center; margin-bottom:0; padding-left:80px; padding-right:80px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px; font-size:14px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:20px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px; font-size:14px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba.png) center center no-repeat; height:100px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:30px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:150px; padding-right:50px; font-size:14px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern.jpg) center center no-repeat; padding-top:70px; padding-bottom:70px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:40px; margin-bottom:40px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:-15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:17px; line-height:24px;} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:30px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:-15px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:17px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-13px; width:140px;} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 30px; margin-bottom:20px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 50px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga.jpg) 0 0 no-repeat; width:325px; height:481px; color:#fff; padding:150px 65px 0px 65px; font-size:14px; text-align:justify; float:left; margin:0 25px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:14px; font-style:italic; margin-top:20px; display:block} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin:0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:30px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:15px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:220px; height:35px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:50%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:10px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:block} .background-chiasecuahocvien-mobile{display:none;} /*END ON-OFF MODULE*/ } @media screen and (max-width: 320px){ img.tagline{display:none} /*MAIN MENU*/ .navbar-brand{height:70px;} #navbar{float:none; padding-top:0px; text-align:center} .navbar-nav{margin-top:0; background-color:none} nav.navbar-inverse{border:none; background-image:none; padding-top:0px; margin-bottom:5px; background:none; z-index:9999;} nav.navbar-inverse li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-right:1px; margin-left:1px; background:none} .navbar-nav > li > a{ padding-top: 6px; padding-bottom: 6px; padding-left:10px; padding-right:10px;} .navbar-inverse .navbar-nav > li > a {color: #0b0b0b; text-shadow:none;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #fff; background-color: #000; transition:all 0.3s ease;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {color: #fff; background-color: #000000;} .navbar-header img.tagline{padding-left:5px;} /*END MAIN MENU*/ /*QUICK MENU*/ ul.quickmenu{background-color:#e0e0e0; margin-left:10px;} ul.quickmenu span.caret{color:#231f58;} ul.quickmenu li{background-color:#e0e0e0; font-size:12px; margin-right:0px; margin-left:0px;} ul.quickmenu li > a{color:#666666 !important; padding: 6px 10px;} ul.quickmenu li > a:focus, ul.quickmenu li > a:hover{background-color:#e0e0e0 !important; color:#333 !important;} .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background-color:#e0e0e0 !important; color:#666666 !important; background:none; box-shadow: none;} ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;} ul.quickmenu li ul li > a:focus, ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#000 !important;} #callus{float:none; padding-top:0px; margin-right:20px; display:none} #callus ul.quickmenu{background-color: #9d1f20;border-radius: 4px;} #callus ul.quickmenu span.caret{color:#d8a5a6; margin-left:8px;} #callus ul.quickmenu li{background-color:#9d1f20; font-size:11px; margin-right:2px; margin-left:2px;} #callus ul.quickmenu li > a{color:#fff !important; padding: 4px 8px;} #callus ul.quickmenu li > a:focus, #callus ul.quickmenu li > a:hover{background-color:#9d1f20 !important; color:#333 !important;} #callus ul.quickmenu li.open li > a {background:none; background-color:#9d1f20; font-size:11px;} #callus ul.quickmenu li ul li > a:focus, #callus ul.quickmenu li ul li > a:hover{background-color:#9d1f20 !important; color:#000 !important;} #callus .dropdown-menu{background-color:#9d1f20} #callus .dropdown-menu .divider{margin:5px 0; background-color:#d8a5a6;} /*END QUICK MENU*/ /*SLIDESHOW*/ #slideshow-wide{position:relative; top:-90px; background:url(../../images/slideshow-mobile-360.jpg) center center no-repeat; height:480px;} #myCarousel2 div.content-slideshow{position: relative; top:30px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2 div.content-slideshow h1{padding-top:70px; font-family: 'Roboto', sans-serif;} #myCarousel2 div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:60px;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:24px; color:#fff; margin-top:0px; margin-bottom:10px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:27px; color:#fff; margin-top:0px; margin-bottom:8px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:600;} #myCarousel2 div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:15px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:24px; display:block; text-align:center; font-weight:500;} #myCarousel2 div.button-lambaithi{text-align:center; padding-top:30px;} #myCarousel2 div.button-lambaithi img{margin-top:0px; margin-bottom:0px; width:60%; height:60%;} /*END SLIDESHOW*/ /*SLIDESHOW INSIDE*/ #slideshow-wide-inside{position:relative; top:-30px; background:url(../../images/slideshow-mobile-360.jpg) center center no-repeat; height:320px;} #myCarousel2-inside div.content-slideshow{position: relative; top:0px; background:url(../../images/bg-content-slideshow-small-mobile.png) center center no-repeat; height: 271px; width:100%;} #myCarousel2-inside div.content-slideshow h1{padding-top:75px; font-family: 'Roboto', sans-serif;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside{width: 100%; text-align:center; margin-left:0px; margin-top:25px;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line1{font-size:26px; color:#fff; margin-top:0px; margin-bottom:5px; display:inline-block; font-weight:600; line-height:26px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_line2{font-size:29px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:32px; display:block; text-align:center; font-weight:600;} #myCarousel2-inside div.content-slideshow div.content-slideshow-inside span.heading_small{font-size:16px; color:#fff; margin-top:0px; margin-bottom:0px; display:inline-block; font-weight:600; line-height:30px; display:block; text-align:center; font-weight:500;} /*END SLIDESHOW INSIDE*/ /*THE LE GIAI THUONG*/ #backgound-thele-giaithuong{background:url(../../images/bg-galaxy.png) 0 bottom no-repeat;} #thele-giaithuong {text-align:justify; margin-top:-80px; margin-bottom:50px;} #thele-giaithuong h2{color:#444444; text-transform:uppercase; font-size:28px; text-align:center; font-weight:bold; margin-bottom:20px; margin-top:50px;} #thele-giaithuong p.thoigian{font-size:14px; text-align:center; margin-bottom:0; padding-left:10px; padding-right:10px;} #thele-giaithuong p{font-size:14px;} #thele-giaithuong div.baithidoc-nghe{width:100%; margin:0 auto; margin-bottom:15px;} #thele-giaithuong div.baithidoc{background:url(../../images/box-baithidoc.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithidoc p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.baithinghe{background:url(../../images/box-baithinghe.png) center center no-repeat; height:72px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:15px;} #thele-giaithuong div.baithinghe p{color:#231f59; margin-bottom:0px; padding-left:100px;} #thele-giaithuong div.giaithuong{margin-top:10px; margin-bottom:10px;} #thele-giaithuong div.col2 p.moituan{color:#fff; background-color:#231f59; width:100px; text-align:center; margin:0 auto; padding-top:5px; padding-bottom:5px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} #thele-giaithuong div.giaithuong div.giainhat{background:url(../../images/box-giainhat-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhat p{color:#231f59; margin-bottom:0px; padding-left:80px; padding-right:0px; font-size:10px;} #thele-giaithuong div.giaithuong div.giainhi{background:url(../../images/box-giainhi-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giainhi p{color:#231f59; margin-bottom:0px; padding-left:80px; padding-right:0px; font-size:10px;} #thele-giaithuong div.giaithuong div.giaiba{background:url(../../images/box-giaiba-mobile.png) center center no-repeat; height:80px; text-align:left; margin-top:5px; margin-bottom:5px; padding-top:18px;} #thele-giaithuong div.giaithuong div.giaiba p{color:#231f59; margin-bottom:0px; padding-left:80px; padding-right:0px; font-size:10px;} /*END THE LE GIAI THUONG*/ /*DAC DIEM TOEIC*/ div#backgound-dacdiemtoeic{background:url(../../images/background-red-pattern-mobile.jpg) center center no-repeat; padding-top:40px; padding-bottom:40px;} div#backgound-dacdiemtoeic h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:uppercase;} div#backgound-dacdiemtoeic div.dacdiemtoeic1, div#backgound-dacdiemtoeic div.dacdiemtoeic2, div#backgound-dacdiemtoeic div.dacdiemtoeic3, div#backgound-dacdiemtoeic div.dacdiemtoeic4{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:15px; padding-bottom:15px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic2:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic3:hover, div#backgound-dacdiemtoeic div.dacdiemtoeic4:hover{margin-top:0px;} div#backgound-dacdiemtoeic div.dacdiemtoeic1 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic2 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic3 h2, div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2{color:#fff; font-size:13px; line-height:24px;} div#backgound-dacdiemtoeic div.dacdiemtoeic4 h2 br{display:none} /*END DAC DIEM TOEIC*/ /*LUYEN THI TOEIC SE DUOC GI*/ div.background-luyenthitoeic{background:url(../../images/background-luyenthitoeic.jpg) 0 bottom no-repeat; padding-top: 40px; padding-bottom:40px;} div.background-luyenthitoeic h2{font-size:26px; color:#231f58; margin-top:40px; margin-bottom:25px; line-height:30px; text-align:center; text-transform:none;} div.background-luyenthitoeic p.description-luyenthi{font-size:16px; color:#414141; margin-top:0px; margin-bottom:20px; line-height:26px; text-align:center;} div.background-luyenthitoeic div.dacdiemtoeic1_inside, div.background-luyenthitoeic div.dacdiemtoeic2_inside, div.background-luyenthitoeic div.dacdiemtoeic3_inside, div.background-luyenthitoeic div.dacdiemtoeic4_inside{text-align:center; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; padding-top:0px; padding-bottom:10px; background-color:#fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;} div.background-luyenthitoeic div.dacdiemtoeic1_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic2_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic3_inside:hover, div.background-luyenthitoeic div.dacdiemtoeic4_inside:hover{margin-top:0px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside h2, div.background-luyenthitoeic div.dacdiemtoeic2_inside h2, div.background-luyenthitoeic div.dacdiemtoeic3_inside h2, div.background-luyenthitoeic div.dacdiemtoeic4_inside h2{color:#231f59; font-size:15px; line-height:24px;} div.background-luyenthitoeic div.dacdiemtoeic1_inside img, div.background-luyenthitoeic div.dacdiemtoeic2_inside img, div.background-luyenthitoeic div.dacdiemtoeic3_inside img, div.background-luyenthitoeic div.dacdiemtoeic4_inside img{margin-top:-9px; width:70%;} div.background-luyenthitoeic div.dacdiemtoeic1, div.background-luyenthitoeic div.dacdiemtoeic2, div.background-luyenthitoeic div.dacdiemtoeic3, div.background-luyenthitoeic div.dacdiemtoeic4{padding:0 10px; margin-bottom:40px;} .box-dacdiem1{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem1:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem1 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#006a29; text-align:center; padding:20px;} .box-dacdiem1 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem1 .content p.kynang{ font-weight:bold; font-size:18px; color:#006a29;} .box-dacdiem1 .content ul{padding-left:15px;} .box-dacdiem1 .content ul li{padding-left:15px;} .box-dacdiem1 .content hr{border-bottom: 2px solid #006a29} .box-dacdiem2{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem2:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem2 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#231f58; text-align:center; padding:20px;} .box-dacdiem2 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem2 .content p.kynang{ font-weight:bold; font-size:18px; color:#231f58;} .box-dacdiem2 .content ul{padding-left:15px;} .box-dacdiem2 .content ul li{padding-left:15px;} .box-dacdiem2 .content hr{border-bottom: 2px solid #231f58} .box-dacdiem3{background-color:#fff; margin:2px; margin-bottom:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);} .box-dacdiem3:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); transition:all 0.3s ease; } .box-dacdiem3 h3{font-size:32px; color:#fff; font-weight:bolder; background-color:#9e1e20; text-align:center; padding:20px;} .box-dacdiem3 .content{color:#000000; font-size:13px; padding:15px 30px; line-height:22px;} .box-dacdiem3 .content p.kynang{ font-weight:bold; font-size:18px; color:#9e1e20;} .box-dacdiem3 .content ul{padding-left:15px;} .box-dacdiem3 .content ul li{padding-left:15px;} .box-dacdiem3 .content hr{border-bottom: 2px solid #9e1e20} /*END LUYEN THI TOEIC SE DUOC GI*/ /*LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ div.background-luyenthitoeicdocquyen{background-color:#231f58; padding-top: 50px; padding-bottom:20px;} div.background-luyenthitoeicdocquyen h2{font-size:26px; color:#fff; margin-top:0px; margin-bottom:50px; line-height:30px; text-align:center; text-transform:uppercase;} div.background-luyenthitoeicdocquyen h3{font-size:16px; color:#e62934; margin-top:0px; margin-bottom:5px; line-height:22px;} div.background-luyenthitoeicdocquyen img.bips:hover{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); transition:all 0.3s ease; } .box-dacdiem{color:#fff; margin-bottom:40px;} .box-dacdiem h3{font-weight:bold; color:#cd2027; font-weight:bold; font-size:14px; margin-bottom:5px;} .box-dacdiem p{color:#fff; font-size:14px; line-height:20px;} .box-dacdiem img{margin-right:20px; margin-bottom:60px; margin-top:5px;} /*END LUYEN THI TOEIC THEO PHUONG PHAP DOC QUYEN*/ /*CHIA SE CUA HOC VIEN*/ div.background-chiasecuahocvien{background-color:#fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} div.background-footer{background-color:#2e2e2e; padding-top: 10px; padding-bottom: 50px; color:#fff;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} .carousel .carousel-inner img{margin:0; text-align:center;} #carousel-example-generic .carousel-inner img{margin:0px 25px; text-align:center; height:auto;} .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-30px;} .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-30px;} .carousel-control{color:#fff !important;} .carousel-control:focus, .carousel-control:hover{color:#898989;} .carousel-control .pre-arrow{width:26px; height:61px; top:50%; position:absolute; left:0} .carousel-control .next-arrow{width:26px; height:61px; top:50%; position:absolute; right:0} div.nguyensaomai{background:url(../../images/hocvien-mai-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyensaomai span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyensaomai span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyensaomai span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dangnhuhieu{background:url(../../images/hocvien-hieu-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dangnhuhieu span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dangnhuhieu span.titlehocvien{display:block; font-size:12px; text-align:center} div.dangnhuhieu span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.nguyenngocthanh{background:url(../../images/hocvien-thanh-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.nguyenngocthanh span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.nguyenngocthanh span.titlehocvien{display:block; font-size:12px; text-align:center} div.nguyenngocthanh span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dothiduyen{background:url(../../images/hocvien-duyen-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dothiduyen span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dothiduyen span.titlehocvien{display:block; font-size:12px; text-align:center} div.dothiduyen span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.dinhquynhtrang{background:url(../../images/hocvien-trang-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.dinhquynhtrang span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.dinhquynhtrang span.titlehocvien{display:block; font-size:12px; text-align:center} div.dinhquynhtrang span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.vuthimynga{background:url(../../images/hocvien-nga-mobile.jpg) center center no-repeat; width:100%; height:414px; color:#fff; padding:140px 50px 0px 50px; font-size:13px; text-align:justify; float:left; margin:0 0px;} div.vuthimynga span.tenhocvien{display:block; font-weight:bold; text-align:center; font-size:16px;} div.vuthimynga span.titlehocvien{display:block; font-size:12px; text-align:center} div.vuthimynga span.quote{font-size:13px; font-style:italic; margin-top:20px; display:block} div.background-chiasecuahocvien-mobile{background-color: #fff; padding-top: 50px; padding-bottom: 70px;} div.background-chiasecuahocvien-mobile h2 {font-size: 26px; color: #231f58; margin-top: 20px; margin-bottom: 70px; line-height: 30px; text-align: center; text-transform: uppercase;} /*END CHIA SE CUA HOC VIEN*/ /*FIXED BOTTOM BANNER*/ #bg-cover-pink{background-color:#231f58; width:100%; background:url(../../images/background-red-pattern.jpg) center center no-repeat; -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.25);} #bg-cover-pink div.slideshow div.row{width:100%; margin: 0 auto} .fixed-bottom{position:fixed; bottom:0; z-index:9999;} #bg-cover-pink .content {background:none; margin-top:10px; padding-top:0px; color:#f99d1c;} #bg-cover-pink .content p.dangkyngaydenhanhocbong{font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin-bottom:0px; padding-left:0; color:#fff; padding-right:0px;} #bg-cover-pink .content span.lentoi2400000{font-size:15px; font-weight:bold; text-transform:uppercase; margin-top:0; padding-top:0; text-align:center; padding-left:0px; color:#f99d1c; font-family:Arial, Helvetica, sans-serif} #bg-cover-pink .content p{font-size:15px; padding-top:0px; text-align:center; color:#ffd191; padding-right:0px; padding-left:0;} div#bg-cover-pink div.button-dangkyngay{padding:5px 5px 10px 5px; text-align:center} div#bg-cover-pink div.button-dangkyngay img{margin-left:2px; margin-right:2px; width:110px; height:18px;} div#bg-cover-pink div.button-dangkyngay img:hover{transition:all 0.3s ease; opacity:0.9;} #bg-cover-pink div.slideshow div.row .col-md-6 {width:100%} /*END FIXED BOTTOM BANNER*/ /*FOOTER*/ .background-footer .row p.titlefooter{font-weight:bold; color:#999999; font-size:14px; margin-bottom:20px; margin-top:30px;} .background-footer .row{color:#fff;} .background-footer .row span.location{color:#ea252d; font-weight:bold;} .background-footer .row img.location{margin-right:6px;} .background-footer .row p{line-height:20px;} /*END FOOTER*/ /*ON-OFF MODULE*/ .background-chiasecuahocvien{display:none} .background-chiasecuahocvien-mobile{display:block;} /*END ON-OFF MODULE*/ }