*{padding:0; margin:0}
row li*, :after, :before, html { box-sizing: border-box; }
html, body { height: 100%; }
a, a:hover{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.cp{cursor:pointer}
img {max-width: 100%; width: auto; height:auto}
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
p, h1, h2, h3, h4, h5, h6, ul,div{line-height:150%}
.bold {font-weight: 600}
.red {color: red}
.oc{overflow:scroll}
.ocy{overflow-y:scroll}
.pointer{cursor:pointer}
.upper {text-transform: uppercase}
.an{display:none !important}
.hien{display:block !important}
.bdr5{border-radius: 5px;}
.bd3{border:1px solid #eee}
.menub{border-top:3px solid #259bf2}
.menub:hover,.menub_active{border-top:3px solid orange}
.modal_header{background:#259bf2 !important}

.w100{width:100%}
.fl{float: left;}
.fr{float:right;}
.pr{position:relative}
.pa{position:absolute}
.italic {font-style: italic}
.tu{text-transform:uppercase}
.aic{align-items:center}
.mr-2{margin-right: 20px;}
.jcc{justify-content:center}
.content-baiviet .noidung{padding:0; border-radius:0; background:none}
.df{display:flex}
.h2{font-size:36px; font-weight:bold}
.h3{font-size:32px; font-weight:bold}
.h4{font-size:26px;}
.tf{text-transform:uppercase}
.tr{text-align: right;}
.me10{margin-right:10px}
.mb-50{margin-bottom:50px}
.pe10{padding-right:10px}
.bd-right{border-right: 1px solid #ccc}
.tc{text-align:center}
.al{align-items: center;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fwb{font-weight: bold;}
.fw7{font-weight: 700;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs20{font-size: 20px;}
.fs24{font-size:24px}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs36{font-size:36px;}
.cl-red{color:#ff0000}
.top-50{top:50px}
body{width:100%; font-size: 15px; line-height: 150%; font-family: "Roboto", sans-serif; background: #fff; }
.on-b1{background:url(/ko30id3z8fy3vniq/imgs/card-vogel-dm.svg) bottom right no-repeat #ffbbaa}
.d-a1{background:url(/ko30id3z8fy3vniq/imgs/card-vogel-dm.svg) bottom right no-repeat #d7cfff}
.d-a2{background:url(/ko30id3z8fy3vniq/imgs/card-vogel-dm.svg) bottom right no-repeat #bae68c}
.d-b1{background:url(/ko30id3z8fy3vniq/imgs/card-vogel-dm.svg) bottom right no-repeat #b6ddff}
#loginT{background:#fff; position:relative; z-index:99999;}
body{height:100%; overflow:scroll}
.pb40{padding-bottom:40px}
.pt80{padding-top:80px}

/*đăng ký du học đức*/
.formdangky .box-dangky{width:98%}
.box-text1{width:100%; text-transform:uppercase}
.box-text1 h2{width:100%; color:#005B9C; font-weight:bold; font-size:40px; margin-bottom:10px;}
.td1{width:100%; background:url(https://duhocngheduc.edu.vn/472584430044584B/6DA11EA346ABA76C472586F2002A726A/$File/bg-hocnghe2.png) top right no-repeat; margin-top:50px; margin-bottom:30px; background-size:contain}
.box-text1 h3{width:100%; color:#CC1D23;}
.box-text1 p{width:100%; text-align:justify; text-transform:none}
.box-img1 img{width:100%; height:auto}
.taisao{width:100%; padding:40px 0; padding-bottom:0; }
.box-text2 h2{width:100%; font-size:26px; color:#CC1D23; margin-bottom:20px; font-weight:700}
.box-text2 ul li{width:100%; margin-bottom:10px; color:#005B9C;}
.box-text2 ul li::marker{color:#CC1D23}
.box-lamhoso{background: #FFFFFF; box-shadow: 2px 3px 7px 5px rgba(0, 0, 0, 0.15); margin-bottom:80px; border-radius: 10px; padding:30px 10px; position:relative}
.box-lamhoso img{position:absolute; top:-30px; left:43%; width:50px; height:50px;}

.box-lamhoso h3{width:100%; text-align:center; color:#005B9C; font-size:20px; margin-bottom:10px}
.box-lamhoso p{text-align:justify}
.lamhoso, .dangkyhoso, .camket{width:100%; padding:20px 0}
.lamhoso h2, .box-dangky h2, .hocvien h2, .camket h2, .lophoc h2{width:100%; text-align:center; color:#CC1D23; font-size:20px; margin-bottom:40px}
.lophoc h2{margin-bottom:20px}
.lophoc p{text-align:center; margin-bottom:40px}
.lamhoso h2{margin-bottom:80px}
.box-lophoc table{width:100%; border:1px solid #005B9C}
.box-lophoc table th{color:#fff}
.box-lophoc table td, .box-lophoc table th{padding:5px; border:1px solid #005B9C; text-align:center; font-weight:normal}
.box-lophoc table td{color:#005B9C}
.box-lophoc table thead tr{background:#005B9C; color:#fff; }
.box-dky-ft{width:98%; padding: 10px; background: #FFFFFF; border: 2px solid #FFFFFF;  box-shadow: -3px 5px 9px 4px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative;}
.box-dky-ft:hover{border: 2px solid #CC1D23;}
.box-dky-ft h3{font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; margin:20px 0}
.box-dky-ft input[type="text"], .box-dky-ft input[type="number"], .box-dky-ft select, .box-dky-ft textarea, #ngayhoctd, .box-dky-ft select {width:100%; padding:6px 8px; margin-bottom:20px;  border: 1px solid #EDEDED; background: #EDEDED; border-radius: 6px; color:#333 !important}
.box-dky-ft select {  position: relative; display: flex;  border: 0 ;  }
.box-dky-ft select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em;  cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; color: #ff0000; }
.bt-dangky-ft{width:100%; text-align:center; position: absolute; bottom: 20px;}
.bt-dangky-ft input, .bt-dangky-ft #guidangky1, .bt-dangky-ft span {border-radius:6px; border:none; padding:10px 25px; background:#005a9d; font-weight:bold; color:#fff; text-transform:uppercase; background: #CC1D23; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 54px;}
.bt-dangky-ft input:hover, .bt-dangky-ft #guidangky1:hover, .bt-dangky-ft span:hover{background:#FAB607; cursor:pointer}
.box-lophoc{width:100%; overflow-x:scroll}
.mucphi-lb{position:relative; cursor:pointer; z-index:0}
.mucphi-lb span{color:#fff; border-radius:100%; width:14px; height:14px; font-size:11px; line-height:14px; text-align:center; background:#ccc; margin-left:3px; float:right}
.ghichuhn{width:140px; background:#fff; padding:10px; position:absolute; display:none; bottom:11px; left:15px; z-index:1; box-shadow:0px 1px 5px 1px #ccc}
.mucphi-lb:hover .ghichuhn{display:block}
.an{display:none}
.hien{display:block}
.xemthem-ft{width:100%; text-align:center; margin-bottom:30px; }
.xemthem-ft a{color:#333; font-suze:16px; margin-right:3px }
.box-dky-ft input::placeholder, #yeucautd::placeholder, #yeucauhn::placeholder  { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333; font-style:inherit;
  opacity: 1; /* Firefox */
}
.box-dky-ft input:-ms-input-placeholder, #yeucautd input:-ms-input-placeholder, #yeucauhn:-ms-input-placeholder  { /* chạy trên Internet Explorer 10-11 */
  color: #333; font-style:inherit;
}
.box-dky-ft input::-ms-input-placeholder, #yeucautd::-ms-input-placeholder, #yeucauhn::-ms-input-placeholder  { /* chạy trên Microsoft Edge */
  color: #333; font-style:inherit;
}
.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0; background: #EDEDED;  }
.select { position: relative; display: flex; width: 100%; background: #EDEDED; overflow: hidden; padding:0; border-radius: 6px; margin-bottom:20px }
.select select { flex: 1; color: #333; cursor: pointer; margin-bottom:0; padding:2px 8px; border:none }
/* thiết kế dấu mũi tên */
.select::after { content: '\25BC'; position: absolute; top: 2px; right: 0; padding: 0 .4em; background: none; cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; color: #ff0000; }
/* Transition */
.radio-box{ list-style: none; height: 100%; width: 100%; margin: 0; padding: 0; margin-bottom:15px; float:left } 
.typeradio{ color: #333; display: block; position: relative; float: left;} 
.typeradio input[type=radio]{ position: absolute; visibility: hidden; } 
.typeradio label{ display: block; position: relative; font-weight: 300; font-size: 13px; padding: 10px 30px 10px 30px; height: 30px; z-index: 9; cursor: pointer; margin-bottom:0 } 
.typeradio .check{ display: block; position: absolute; border: 2px solid #333; border-radius: 100%; height: 16px; width: 16px; top: 10px; left: 3px; z-index: 5; } 
.typeradio .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 8px; width: 8px; top: 2px; left: 2px; margin: auto; } 
input[type=radio]:checked ~ .check { border: 2px solid #ff0000; } 
input[type=radio]:checked ~ .check::before{ background: #ff0000; }
.box-hocvien{width:100%; background: #FFFFFF; box-shadow: 2px 3px 7px 5px rgba(0, 0, 0, 0.15); border-radius: 10px; padding:10px; position:relative;}
.box-hocvien img{width:100px; height:auto; position:absolute; left:20px; top:-60px;}
.box-hocvien .td-hocvien{position:absolute; left:130px; top:10px}
.hocvien h2{margin-bottom:50px}
.box-hocvien p{text-align:justify; margin-top:55px; margin-bottom:0}
.box-hocvien h3{color:#005B9C; font-size:18px; font-weight:bold; margin-bottom:0}
.box-hocvien h3 span{font-size:1rem; font-weight:normal; color:#464646; margin-left:10px}
.box-camket{width:100%; text-align:center; margin-bottom:20px}
.box-camket h3{color:#005B9C; font-size:17px; margin-top:20px}
footer{width:100%; padding:40px 0; box-shadow: 2px 3px 7px 5px rgba(0, 0, 0, 0.15); float:left}
footer h2{font-size:22px; font-weight:bold; color:#02165F; text-transform:uppercase; margin-bottom:20px }
footer img{height:80px}
footer h3{font-size:18px; font-weight:bold; color:#02165F; margin-bottom:10px}
section{width:100%; float:left}


@media (min-width: 1200px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px; }
}
@media (min-width: 1024px)
{
  .box-dky-ft{height:650px; overflow:hidden}
  .box-hocvien{height:220px}
}
@media (max-width: 767px)
{ 
  .box-dky-ft { margin-bottom: 40px; min-height:430px }
  .box-hocvien{margin-bottom:90px;}
}

@media (min-width: 769px) 
{
  .navbar-expand-lg .navbar-nav .nav-link { padding-top:20px; padding-bottom:10px; padding-right: 15px; padding-left: 15px; }
  .navbar-expand-lg .navbar-nav .nav-link:hover, .active, .nav-link.active{background: #CC1D23; border-radius: 0px 0px 14px 14px; color:#fff !important}
  .lamhoso .col-sm-4:nth-child(4) .box-lamhoso, .lamhoso .col-sm-4:nth-child(5) .box-lamhoso{margin-bottom:0; height:240px;}
}
@media (max-width: 400px) {
  .w168p{width:135px}
}
/*Công nhận văn bằng*/
.gioithieu, .dieukien{width: 100%; padding: 50px 0; float: left;}
.box-text-gt h2, .box-dieukien h2, .dsnganhnghe h2{font-size: 24px; font-weight: bold; border-left: 3px solid #1079E4; padding-left: 15px; margin-bottom: 30px;}
.ct-gioithieu p{width: 100%; margin-bottom: 15px; float: left;}
.box-dieukien{width:100%; background: url(https://duhocngheduc.edu.vn/472584430044584B/A956D32D3BF7D83F472583BB0036FA95/$File/bg-congnhan3.png) top right no-repeat;}
.box-dk-left i, .dsnganhnghe i{color: #F4B83C; margin-right: 10px; font-size: 12px;}
.box-dk-left p{margin-bottom: 10px;}
.box-dk-right p{width:100%; line-height: 150%; text-align: justify;}
.dsnganhnghe{width: 100%; padding:40px 0; background:  url(https://duhocngheduc.edu.vn/images/bg-cong-nhan-van-bang-3.jpg) top center no-repeat; background-size:cover; padding: 50px0; float: left;}
.dsnganhnghe table{width: 100%; border: 1px solid #ccc; margin-top: 10px;}
.dsnganhnghe table thead tr{background: #1378E2; color: #fff; font-weight: 500;}
.dsnganhnghe table tbody tr:nth-child(2n){background: #EEF5FD;}
.dsnganhnghe table td, .dsnganhnghe table th{padding: 8px; border: 1px solid #ccc;}
.box-dangky{padding:10px; background:url(https://duhocngheduc.edu.vn/images/bg-cong-nhan-van-bang-4.jpg) top left no-repeat; background-size:100%; position:relative; float:left}
.formdangky{width:100%; padding:40px 0; float:left}
/*End menu new*/
.vogel{width:100%; padding:40px 0; float:left; color:#333; text-align:center}

.vogel h2{font-size:20px; font-weight:bold; margin-bottom: 10px; }
.vogel p{width:100%; margin-top:10px; margin-bottom:30px; line-height:150%; float:left}
.vogel .nbs-flexisel-nav-right, .vogel .nbs-flexisel-nav-left{display:none !important}
.ct-vogel{width:100%; background:#fff; padding:20px; border-radius:10px; float:left}
.box-dky-ft input::placeholder, #yeucautd::placeholder, #yeucauhn::placeholder  { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333; font-style:inherit;
  opacity: 1; /* Firefox */
}
.box-dky-ft input:-ms-input-placeholder, #yeucautd input:-ms-input-placeholder, #yeucauhn:-ms-input-placeholder  { /* chạy trên Internet Explorer 10-11 */
  color: #333; font-style:inherit;
}
.box-dky-ft input::-ms-input-placeholder, #yeucautd::-ms-input-placeholder, #yeucauhn::-ms-input-placeholder  { /* chạy trên Microsoft Edge */
  color: #333; font-style:inherit;
}
.select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0; background: #EDEDED;  }
.select { position: relative; display: flex; width: 100%; background: #EDEDED; overflow: hidden; padding:0; border-radius: 6px; margin-bottom:20px }
.select select { flex: 1; color: #333; cursor: pointer; margin-bottom:0; padding:2px 8px; border:none }
/* thiết kế dấu mũi tên */
.select::after { content: '\25BC'; position: absolute; top: 2px; right: 0; padding: 0 .4em; background: none; cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; color: #ff0000; }
/* Transition */
.radio-box{ list-style: none; height: 100%; width: 100%; margin: 0; padding: 0; margin-bottom:15px; float:left } 
.typeradio{ color: #333; display: block; position: relative; float: left;} 
.typeradio input[type=radio]{ position: absolute; visibility: hidden; } 
.typeradio label{ display: block; position: relative; font-weight: 300; font-size: 13px; padding: 10px 30px 10px 30px; height: 30px; z-index: 9; cursor: pointer; margin-bottom:0 } 
.typeradio .check{ display: block; position: absolute; border: 2px solid #333; border-radius: 100%; height: 16px; width: 16px; top: 10px; left: 3px; z-index: 5; } 
.typeradio .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 8px; width: 8px; top: 2px; left: 2px; margin: auto; } 
input[type=radio]:checked ~ .check { border: 2px solid #ff0000; } 
input[type=radio]:checked ~ .check::before{ background: #ff0000; }
.box-dky-ft{padding: 10px; background: #ffffffb5; padding:30px 10px; border-radius: 10px; position: relative;}
.box-dky-ft h3{font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; margin:20px 0}
.box-dky-ft input[type="text"],.box-dky-ft input[type="number"], .box-dky-ft select, .box-dky-ft textarea, #ngayhoctd {width:100%; padding:6px 8px; margin-bottom:20px;  border: 1px solid #EDEDED; background: #fff; border-radius: 6px; color:#333 !important}
.box-dky-ft select {  position: relative; display: flex;  border: 0 ;  }
.box-dky-ft select{margin-bottom:0}
.box-dky-ft select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em;  cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; color: #ff0000; }
.bt-dangky-ft{width:100%; text-align:center;}
.bt-dangky-ft input, .bt-dangky-ft #guidangky1, .bt-dangky-ft span {width:76%; border-radius:6px; border:none; padding:10px 25px; background:hsl(210.28deg 86.89% 47.84%); font-weight:bold; color:#fff; float:left}
.bt-dangky-ft input:hover, .bt-dangky-ft #guidangky1:hover, .bt-dangky-ft span:hover{background:#FAB607; cursor:pointer}
.mucphi-lb{position:relative; cursor:pointer; z-index:0}
.mucphi-lb span{color:#fff; border-radius:100%; width:14px; height:14px; font-size:11px; line-height:14px; text-align:center; background:#ccc; margin-left:3px; float:right}
.ghichuhn{width:140px; background:#fff; padding:10px; position:absolute; display:none; bottom:11px; left:15px; z-index:1; box-shadow:0px 1px 5px 1px #ccc}
.mucphi-lb:hover .ghichuhn{display:block}
.img-gioithieu img{width:100%; height:auto}
.an{display:none}
.hien{display:block}
.xemthem-ft{width:100%; text-align:center; margin-bottom:30px; }
.xemthem-ft a{color:#333; font-size:16px; margin-right:3px }
.dky-left{position:relative; width:100%; float:left}
.ct-left{padding-top:200px; }
.ct-left hr{width:50px; background:#fff }
hr:not([size]){height:2px}
.dky-left h3{line-height:150%; font-size:20px; color:#fff}
.dky-left h2{color:#fff; font-size:25px; font-weight:600}
.dky-tuvan{width:87%; background:#ffffff8c; border-radius:45px; padding:10px 30px; float:left; margin-top:50px; }
.dky-tuvan a{background:#0d6efd; width:45px; height:45px; line-height:45px; border:3px solid #fff; text-align:center; border-radius:100%; margin-right:10px; justify-content: center; display: flex ; align-items: center;}
.dky-tuvan a i{color:#fff; font-size:23px; margin-top:8px;}
.dky-tuvan span{height:45px; line-height:45px;}
.box-hd img{width:100%; height:auto}
@media (max-width: 767px)
{
  .box-dangky{padding:10px; background:url(https://duhocngheduc.edu.vn/images/bg-cong-nhan-van-bang-5.jpg) top left no-repeat #1079E3; background-size:100%; position:relative; float:left; border-top-left-radius: 17px; border-radius: 17px; overflow:hidden}
  .ct-left{padding-top: 150px;}
  .dky-left{margin-bottom: 30px;}
  .dky-tuvan {padding-right:10px}
}
/*hỗ trợ xin visa*/
.box-hd-bottom h2{font-size: 24px; font-weight: bold; font-style: italic; margin-bottom: 30px;}
.box-hd-bottom p{margin-bottom:30px}
.link-lienhe a{background-color: #233577; padding: 10px 15px; border-radius: 5px; color: #fff;}
.box-hd-bottom img{float:right}
.tf{text-transform:uppercase}
.tc{text-align:center}
.tr{text-align: right;}
.al{align-items: center;}
.aic{align-items: center;}
.jcc{justify-content: center;}
.color-red{color:#EA1212}
.color-blue{color:#1079E3}
.noidung iframe{width:100%}
.pt100{padding-top:100px}
.pb100{padding-bottom:100px}
.noidung table{width:100% !important; border:1px solid #ccc;}
.noidung table td{border:1px solid #ccc}
.noidung1, .hotrotuvan{width:100%; padding: 40px 0; float: left;}
.box-noidung1{width:95%; min-height: 300px; border-radius: 10px; padding: 20px; background-color: #233577; color: #fff; position: relative;}
.nd-left{position: absolute; height: 300px; bottom: 0; left: 0; overflow: hidden; z-index: 0;}
.nd-left img{height:300px; width: auto;}
.nd-right{position: absolute; bottom: 0; right: 0; z-index: 0;}
.text-noidung{width:80%; position: relative; z-index: 1; margin: 0 auto;}
.mb-10{margin-bottom: 10px;}
.fs20{font-size: 20px;}
.bdr-1{border-right:1px solid #ccc;}
.bdl-1{border-left: 1px solid #ccc;}
.box-dichvu{padding: 20px; padding-bottom: 30px;}
.ul-dichvu h2{font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 15px; color: #233577;}
.fb{font-weight: bold;}
.ul-dichvu ul li{padding: 8px 0; margin-left:10px; border-bottom: 1px solid #ccc;}
.ul-dichvu ul li::marker{color:#EA1212}
.ul-dichvu-r ul li::marker{color:#ff9900}
.chiphi{font-size: 22px; padding: 20px; text-align: center; border: #233577 2px solid; color: #233577; border-radius: 20px; margin-top:30px;}
.ul-dichvu{margin-top:30px}
.hotrotuvan h2{margin-bottom: 30px; font-weight: bold;}
.pdr-20{padding-right:20px}
.pdl-20{padding-left: 20px;}
.tl{text-align: left;}
.me-20{margin-right: 20px;}
.box-lienhe-left input, .box-lienhe-left select{border: none; border-radius: 0; border-bottom: 1px solid #bbb; outline: none;}
.mb-20{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px !important;}
.box-lienhe-left img{height:40px; width: auto;}
.vogel{width:100%; padding:40px 0; float:left; color:#333; text-align:center}
.vogel hr{width:10%; margin-left:45%; height:5px; background:#333; border-radius:3px; opacity:1; float:left}
.vogel h2{font-size:20px; font-weight:bold; margin-bottom: 10px; }
.vogel p{width:100%; margin-top:10px; margin-bottom:30px; line-height:150%; float:left}
.vogel .nbs-flexisel-nav-right, .vogel .nbs-flexisel-nav-left{display:none !important}
.ct-vogel{width:100%; background:#fff; padding:20px; border-radius:10px; float:left}
.box-lienhe-left input::placeholder, #yeucautd::placeholder, #yeucauhn::placeholder  { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999; font-style:inherit;
  opacity: 1; /* Firefox */
}
.box-lienhe-left input:-ms-input-placeholder, #yeucautd input:-ms-input-placeholder, #yeucauhn:-ms-input-placeholder  { /* chạy trên Internet Explorer 10-11 */
  color: #999; font-style:inherit;
}
.box-lienhe-left input::-ms-input-placeholder, #yeucautd::-ms-input-placeholder, #yeucauhn::-ms-input-placeholder  { /* chạy trên Microsoft Edge */
  color: #999; font-style:inherit;
}
#guidangky1{padding:8px 20px; color: #fff; background-color: #333; border-radius: 5px; font-weight: 600; cursor: pointer; }
.box-lienhe-left p{margin-bottom: 6px;}
.btn_close{width:25px; height:25px; padding:2px}
.modal_title{padding:10px; }
#pop2 .modal_header{background:#259bf2 !important}
#pop2 .modal_header .btn_close{width:20px; height:20px}
.bg_e8ecf4{background:#e8ecf4}
#registerT input:-webkit-autofill{-webkit-box-shadow:none !important}
.bdc{border:1px solid #ccc}
.p15{padding:12px}
#p_ct{border-top:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden}
#p_ct div,#p_ct h2{border-bottom:1px solid #ccc; border-left:1px solid #ccc}
#p_ct h2{padding:10px 0; margin:0; text-align:center}
#p_ct .col-12{position:relative;padding:0; margin:0; text-align:center; color:orange; font-weight:bold;}
.header-profile{width:100%; background:url(https://ivogel.vn/imgs/bg-user.svg) top left no-repeat; background-size: 100%; border-bottom: none; }
.profileT2 img{width:70px; height:70px; border:5px solid #76A3CB; border-radius:100%}
#profile{display:none}
.profileT2 .p-image{text-align:left; font-size:16px; color:#fff; font-family: "Roboto", sans-serif; align-items:center}
.profileT2 .p-image img{margin-right:20px}
.profileT2 .p-image i{font-size:20px; margin-right:10px}
.p-image a{color:#fff}
.fb{font-weight:bold}
.fullname{font-family: "Roboto", sans-serif; font-size:16px; font-weight:bold; margin-bottom:10px}
.chinhsua{font-size:15px; font-family: "Roboto", sans-serif; margin-top:10px; width:100%; float:left}
.w70{width:70%}
.thanhtich{width:100%; background:#fff; margin-top:-30px; border-top-left-radius:30px; border-top-right-radius:30px; float:left; padding-top: 20px !important; position:relative; z-index:205}
header{position:inherit !important; min-height:200px; width:100%; float:left}
.ct-thanhtich{background:#f3f3f3; border-radius:10px; padding:10px}
.thanhtich h2{font-size:17px; font-weight:bold; padding-left:20px; color:#333; margin-bottom:20px}
.img-dichvu img, .img-dichvu figure{width:35px}
.text-dichvu{width:80%; margin-right:0}
.text-dichvu p{font-size:11px}
.ct-dichvu{margin-top:10px; margin-bottom:10px}
.bg-hethong{width:100%; margin-top:20px}
.box-hethong{background:#000; color:#fff; padding:10px; border-radius:10px}
.box-hethong h2, .box-canhan h2{color:#fff; font-size:20px; margin-bottom:10px; font-weight:bold}
.box-hethong a{background:#269Af2; padding:8px 15px; color:#fff; border-radius:5px; float:left}
.canhan{width:100%; background:#fff; padding-top:20px !important; padding-bottom:30px}
.box-canhan h2{color:#333}
.text-dichvu h3{color: #333; font-size: 15px; font-weight: 530; margin: 0; padding: 0 !important;}
.text-dichvu h3
.ct-canhan .ct-dichvu{background:none; border-radius:0; box-shadow:inherit; border:none; margin-bottom:20px}
.box-canhan .img-dichvu img, .box-canhan .img-dichvu figure{width:24px; height:auto}
.ct-dichvu { align-items: center; margin-bottom: 20px; border: 1px solid #e3e3e3; background: #fff; border-radius: 8px; padding: 8px; cursor: pointer; box-shadow: 2px 1px 5px 2px #e3e3e3; }
.col-6{width:45%; margin-right:2.5%;}
.thanhtich .container, .bg-hethong .container, .canhan .container{padding:0 10px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.bg_269{background:#269Af2}
#idForm .upfile{opacity:1}
#p_dsanh li{list-style:none}
#p_dsanh img{width:50px; height:50px}
#dsbai_app{height:30px; background: #434343; border-top-left-radius: 10px; border-top-right-radius: 10px; padding:0 10px; line-height:30px; font-size:14px; padding-top:10px; margin-top:-60px}
#dscauhoi_app1 .cauhoi-item .fwb { font-size: 15px; width: 100%; float: left; }
#dscauhoi_app1 .cauhoi-item { width: 100%; margin-bottom: 6px; padding-bottom: 6px; float: left; }
.btn1 { width: 100%; padding: 8px 0; background: #269af2; margin-bottom: 0 !important; text-align:center; float:left; color:#fff }
#dscauhoi_app1 .cauhoi-item .cau input { width: 120px; min-height: inherit; height: 26px; font-weight: normal; color: #C51D23;}
#dscauhoi_app1 .cau input { border: none; border-bottom: 1px solid #ccc; height: 30px; margin: 5px; outline: none; vertical-align: unset; font-weight: bold; text-align: right; background: none; }
#pop2_ld_drag_header{display:none}
#pop2_ld_body{display:none}

@media (max-width: 767px)
{
  .vogel{background-size: cover;}
  .box-lienhe-left{text-align: left; margin-bottom: 30px; padding-right: 0; border: 0; padding-left: 0;}
  .box-dichvu{padding-left: 0; border: none;}
  .text-noidung{width:95%}
  .box-hd-bottom h1{font-size: 45px;}
  .hd-top{align-items: center; justify-content:center; display: flex;}
  .hd-top, .box-hd-bottom{text-align: center;}
  .hd-top a{background: none; box-shadow: inherit;}
  .hd-top, .box-hd-bottom{margin-bottom: 0;}
  .box-hd-bottom{margin-bottom: 30px;}
  .box-noidung1{padding: 0;}
  .box-lienhe-left input{margin-right: 10px; margin-bottom: 20px;}
  #dangkyhoso .box-dangky{background:none !important}
}
#dangkyhoso .box-dky-ft{min-height:550px}
#dscauhoi select{width:100%; background:#fff; border:1px solid #d6d6d6; border-radius: 10px; padding: 10px;}
.cauhoi-item .fwb{width:60%; font-weight:normal; float:left}
.cauhoi-item label{width:35%; float:right}
.cauhoi-item label b{display:none}
#dscauhoi_app .cauhoi-item{width:100%; margin-bottom:6px; padding-bottom:6px; float:left}
.box-sec{width: 100%; background: #fff; border-radius: 10px; box-shadow: 0px 0px 4px 1px #aaa; margin-top: -60px;}
#dscauhoi_app{height: 30px; background: #434343; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 10px; line-height: 30px; font-size: 14px; margin-top: -60px; padding-top: 10px;}
.tm-sp-app{padding:0 10px}
#huongdan_app, #audio_app, #xemdapan_app{padding:0 10px}
.cauhoi-item{padding-bottom:7px; margin-bottom:7px}
section{padding-top:0 !important}
.box-video{padding-top: 30px;margin-left: -12px; margin-right: -12px;}
#video{padding-bottom:50px}
.baitap-tieptheo, .sobai-theomuc{width:33.33%; float:left; }
.baitap-tieptheo{text-align:right; color:#269af2; float:right}
.sobai-theomuc{text-align:center; width:33.3%; color:#fff; float:left}
.baitap-truoc{text-align:left; float:left; color:#777777}
.socau{color:#777;}
.btn1{width:100%; padding:8px 0; background:#269af2; margin-bottom:0 !important}
#dscauhoi{padding:0 10px}
.bg_f3{background:#f3f3f3}
.bg_f{background:#fff}
.sd1{box-shadow:0px 0px 4px 1px #aaa}
.bdr_bt10{border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.pt40{padding-top:40px}
/*từ điển voki*/
.hd-sub{background: #259bf2; min-height: inherit}
.noidung img, .tomtat img{width:revert-layer; height:inherit}
.tomtat, .noidung{text-align:left; padding-bottom:60px}

.modal{z-index: 9999; position: fixed; top: 0; left: 0;background: #00000030; width: 100%; height: 100vh;align-items: center; display: flex;}
.modal_content{width:90%; background: #fff; border-radius: 5px; margin: auto;overflow:hidden}
#popup_body{max-height:unset; overflow-y:scroll}
.modal_header{background:#259bf2 !important; cursor:move}
/*.text-dich div{display:none}*/
.text-dich:hover div{display:block}
.bd-tudien{border: 1px solid #ccc; background: #fff; border-radius: 20px; overflow: hidden}
.sec-tudien{background: none; }
.box-dich{color: #fff}
.bd-tudien .input-group-text{padding: 13px; border: none}
.sec-tudien{padding:0}
.text-tudien {width: 100%; height:auto; min-height:calc(100% - 90px); background: #ededed; border-top-right-radius: 50px; margin-top: 30px; float:left}
.td-ketqua{width: 100%; margin-bottom: 20px; float:left; font-weight:bold}
.text-kq{min-width: 90%; padding: 15px; border-radius: 8px; background: #fff; margin-bottom: 30px; float:left}
#pills-tab1{width: 100%; background: inherit}
.sec-tudien .nav li{width: 33.3%; line-height: 100%; padding-left: 0; padding-right: 0; text-align: center}
.sec-tudien .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: none; color: #fff;  border-radius: 0; font-weight: 700 }
.sec-tudien .nav-pills .nav-link.active, .nav-pills .show>.nav-link i{color: #fff}
.sec-tudien .nav li span{width: 100%; float: left; margin-top: 10px}
.nav-pills .nav-link i{font-size: 22px}
.nav-pills .nav-link{color: #fff}
.nav-link{padding: 10px 15px}
.tab-content>.tab-pane{height: auto}
#pills-tabContent{min-height: calc(100% - 90px); background: #fff}
.hoidap-ai{min-height: calc(100% - 250px) !important; width: 100%; background: linear-gradient(#fff, #fff7ea); position: relative; padding-bottom:130px}

.box-hoivoki { width: 90%; margin-left: 5%; background: #fff; border-radius: 20px; box-shadow: 1px 1px 6px 1px #ccc; padding: 0; }
.box-hoivoki a { height: 35px; width: 35px; border-radius: 100%; background: #e8e8e8; color: #333; line-height: 35px; text-align: center; margin-right: 10px; float: left; position: absolute; top: 8px !important; left: 10px; }
.box-hoivoki input::placeholder, .box-hoivoki textarea::placeholder {color: #bbb; opacity: 0.7; }
.input-file{position: absolute; top: -85px; /* z-index: 99999; */ left: 0; width: 110px; background: #fff; border-radius: 10px; padding: 10px; box-shadow: 1px 1px 6px 1px #ccc; display: none}
.input-file span{width: 100%; float: left; margin-bottom: 10px}
.box-hoivoki a:hover .input-file{display: block}
.tc{text-align: center}
#main_{background:#fff}
#menub{z-index:999}
.zi-99{z-index:99}
#dl_voki, #pop3_tdgt, #dl_hoivoki, #dl_hoiai{background:#fff}
/*.td-hocvoiai, .voice-ai { width: 100%; text-align: center; margin-bottom: 20px; color: #fff; float: left; position: absolute; bottom: 150px; }*/
.td-hocvoiai h2{font-size: 35px; padding: 0 15px; font-weight: bold; margin-bottom: 10px}

.tab-hoc-ai{background: #000; height:calc(100% - -8px) !IMPORTANT}
.hoc-ai-content{ position:relative; height: calc(100% - 40px)}
.ct-dich{height:37px; line-height: 37px; background: url(https://vogel.fbger.com/ko30id3z8fy3vniq/imgs/bg-ngongu.png) top center no-repeat; margin-bottom: 15px; justify-content: center; align-items: center;}
.img-dich figure{margin-bottom:0}
#s_viet_left, #s_ger_left{margin-right: 10px; width: 80px; text-align:right}
#s_ger_right, #s_viet_right{margin-left: 10px; width: 80px; text-align:left}
.img-dich img{width:25px}
.bd-tudien input{width:75% !Important; padding: 2px 8px !important; border:none !important}
.box-hd h1{text-align:left}
.box-hd h1 span{font-size: 14px; font-weight:normal}
.menu-tab li { width: 25%; text-align: center; padding: 10px 0; line-height: 150%; font-weight: normal; font-size: 14px; }
.dn{display:none}
.dich-ngonngu{padding-bottom:40px}
#nghiatd{width: auto; float: left; margin-right: 15px}
.phataatama-td{padding-left:15px}
.phataatama-td i{margin-top: 12px}
.tab-hoc-ai .box-hoivoki{bottom: 100px; margin-left:auto; left: 5%; overflow:hidden}
.jc{justify-content: center;}
.box-hoivoki textarea { width: 90%; outline: none; height: 60px; line-height: 140%; padding-left: 50px; overflow: scroll; padding-top: 8px; padding-bottom:8px }
#kq_hocai{color: #fff; width: 90%; margin-left: 5%; padding: 15px 0}
#kq_hocai a{color: #0066cc}
#cauhoi_hocai{ width: 100%; float: right; margin-bottom: 30px;  color: #fff }
#cauhoi_hocai .nd_tiengduc{margin-top:0}
#cauhoi_hocai .nd_tiengduc{background-image: linear-gradient(#9747ff, #004DB8); padding: 10px; border-radius: 30px; width: 70%; float: right; margin-right: 5%}
.box-hoivoki { height: 60px; overflow: hidden; bottom: 80px; left: 0; position: absolute; margin-top:20px; padding-top:15px; }
.box-hocai{width: 96%; height:50px; margin-left: 2%;  background: #fff; border-radius: 30px; overflow: hidden; padding: 0; position: relative;}
.voice-ai p{margin-bottom: 20px}
.pt6{padding-top:6px}
.pb6{padding-bottom:6px}
.input-group { position: relative; display: flex ; flex-wrap: wrap; padding:10px}
.dich-ngonngu{width: 100%; float: left}
.text-dich{width: 68%; float: left}
.text-tudien-right{position:relative}
.text-tudien-right:hover .thaotac-tudien{display:block; z-index: 10; top: 20px; box-shadow: 3px 1px 5px #ccc;}
.luutu-tudien, .saochep-tudien{margin-bottom:10px}
.luutu-tudien img, .saochep-tudien img, .baotu-tudien img{margin-right:10px}
.bg-tudien-zero{padding:40px 20px}
.bg-tudien-zero h2{font-size:24px; font-weight:bold; color:#999; margin-top:30px}
.text-danger { color: #dc3545 !important; } 
.fw-bold { font-weight: 700 !important; }
.text-secondary { color: #6c757d !important; } 
.mb-2 { margin-bottom: .5rem !important; }
.align-items-center { align-items: center !important; } 
.d-flex { display: flex !important ; }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.box-hoivoki .upfile_bg{background-size:inherit; z-index:9999}
#url_anh { display: none; }
.img_item { margin: 5px; position: absolute; top: -55px; left: 0; width: 40px; height:40px; border-radius: 5px; overflow: hidden;}
.wh40{width:40px; height:40px}
#cauhoi_hoivoki .nd_tiengduc img { width: 50px; height: auto; }
.nd-hoivoki #cauhoi_hoivoki, .nd-hoivoki #kq_hoivoki { width: 80%; margin-right: 0; }
#cauhoi_hoivoki .nd_tiengduc p { width: 100%; margin-top: 15px; background: rgba(255, 234, 195, 1); padding: 6px; border-radius: 5px; margin-right: 10px; }
.nd-hoivoki #cauhoi_hoivoki{float:right; margin-right:5%}
.nd-hoivoki #kq_hoivoki{height: 380px; margin-top:30px; margin-bottom:10px; margin-left:5%; float:left; overflow:scroll}
.bg-hoivoki{padding-top:30px; padding-bottom:150px;}
.bottom-15{bottom:15px}
.td-hocvoiai{margin-top:80px}
.td-hocvoiai h2, .chonngonngu-ai h2{font-size: 22px; font-weight: bold; margin-bottom: 10px}

.hoc-ai{min-height:calc(100% - 190px) !important; background: #000; padding: 20px 0; padding-bottom:100px;  width: 100%; float: left}
.td-hocvoiai, .voice-ai, .chonngonngu-ai{width: 100%; text-align: center; margin-bottom: 20px; color: #fff; float:left}
.voice-ai{position:absolute; bottom:120px}
#chonngonngu_ai { margin-top: 20px; margin-bottom:120px }
.box-lang { display: flex ; /* align-items: center; */ width: 100%; float: left; text-align: center; justify-content: center; } 
.box-lang .form-check{margin-left:10px; margin-right:10px} 
#chonngonngu_ai{margin-top:50px} 
.voice-ai img{ width: 90px; height: 90px; border-radius: 50%; filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)); animation: wave 2s infinite ease-in-out; } 
@keyframes wave { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)); } 50% { transform: scale(1.1); filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8)); } } 
.bt-dungdoc{width: 100%; background: inherit; border: none; color: #fff; font-size: 18px}
.box-hocai textarea { width: 90%; outline: none; height: 50px; line-height: 50px; padding-left: 15px; }
.link-hocai {color: #fff !important; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; top: 6px !important; right: 5px !important; cursor: pointer; margin-right: 0; }
.menuh{border-top:3px solid #259bf2}
.bdo{border-top:3px solid orange}
.tc{text-align:center}
#bt_hoivoki{position:absolute; bottom:30px; right:10px; z-index: 999; background: #fff; width: 30px; height: 30px; align-items: center; justify-content: center; display: flex ;}
.cauhoi_voki{width: 70%; float: right; background: #ffeac3; border-radius: 12px; border-top-right-radius: 0; padding: 10px; margin-bottom:15px}
.traloi_voki{width:100%; margin-bottom:20px; float:left;}
.img_item .btn_close{width:12px; height:12px} 
.cauhoi_voki img{height:80px}
.nd-hoivoki-cho{width:100%; float:left}
#box_textai{position:fixed; bottom:80px}
#p_dsanh .checkT { border: 2px solid lightgreen; }
.delete { height: 24px; line-height: 24px; font-family: Glyphter; margin: 0px 5px; color: rgb(153, 153, 153); border: 1px solid rgb(255, 255, 255); padding: 0px 3px; border-radius: 3px; cursor: pointer; text-align: center; width: 18px !important; font-size: 12px; text-transform: unset !important; }
/*End từ điển voki*/
.pb60{padding-bottom:60px}
#dl_hoivoki, #dl_hoiai{background:#fff}

audio { border-radius: 10px; box-shadow: none; background: #f3f3f3; }
.nd-hoivoki-cho {
  display: inline-block; font-style:italic;
  overflow: hidden;
  border-right: 2px solid #999;
  white-space: nowrap;
  width: 0;
  animation: typing 4s steps(30, end) forwards, blink-caret 0.7s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 23ch } /* Số ký tự hiển thị dần */
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black; }
}
#pop3_dhnd, #pop3_dkt, #pop3_cnvb, #pop3_xinvs{background:#fff}