*{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}
#pop4_tdgt{background:#fff}
.upper {text-transform: uppercase}
.an{display:none !important}
.hien{display:block !important}
.bdr5{border-radius: 5px;}
.bd3{border:1px solid #eee}
.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}
body{width:100%; font-size: 15px; line-height: 150%; font-family: "Roboto", sans-serif;; background: #fff; }
.hd-sub h1{margin-top: 30px}
header{padding:20px 0; padding-top: 50px;position:sticky; top:0; z-index:99}
.box-login{float:right; background: #269AF2; padding: 10px 20px; border-radius: 20px; color: #fff;}
.box-login2{background: #269AF2; color: #fff;}
.box-login i{width: 30px; height: 30px; background: #fff; border-radius: 100%; line-height: 30px; text-align: center; color: #000;}
.box-login span{margin-right: 15px;}
section{background: url(/ko30id3z8fy3vniq/imgs/bg-body.png) top left no-repeat; background-size: cover;}
section h1{font-size: 22px; line-height: 150%; text-align: center; font-weight: bold; padding: 20px 0; text-transform: capitalize; color: #fff; font-style: italic;}
.box-img img{width:80%; height: auto;}
.box-img{text-align: center; padding: 20px 0;}
.box-dichvu{width:100%;  padding: 40px 0;}
.img-dichvu, .text-dichvu{margin-right: 15px;}
.text-dichvu a{color:#333}
.img-dichvu figure{margin-bottom: 0; width: 50px}
.img-dichvu img{width:50px; 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;}
.ct-dichvu h2{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.text-dichvu p{font-size: 13px}
footer{width:100%; padding: 30px 0; color: #666; padding-top: 0; text-align: center;}
.next-dichvu img{width:70px; height: auto;}
.hd-sub{width:100%; background:#fff url(/ko30id3z8fy3vniq/imgs/bg-sky.png) top left no-repeat; background-size: 100%; position: relative; min-height: 360px; padding-top: 15px; overflow:hidden}
.sologan-hd{width: 365px; position: absolute; background: url(/ko30id3z8fy3vniq/imgs/icon-hd.png) top right no-repeat; top: -50px; right: -100px; min-height: 365px; padding-top: 60px;}
.sologan-hd h2 { width: 72%; position: absolute; bottom: 20px; left: 10px; color: #fff; font-weight: bold; font-size: 25px; }

.box-hd{color:#fff; position: relative; }
.box-hd i{position: absolute; left: 0; top: 28%; font-size: 20px; font-weight: bold;}
.box-hd h1{font-size: 22px; text-align: center; font-weight:bold; width:100%; float:}
.box-hd span{position:absolute; top: 20%; right:0}
.sec-dangky{width: 100%; padding: 20px 0; background: inherit; position: relative; z-index: 9999; margin-top:-300px}
.box-content-dky h2{font-size: 21px; text-align: center; margin-bottom: 40px;}
.btn-dangky{width:100%; padding: 20px 20px; text-align: center; color: #fff; background:#269AF2; font-weight: bold; text-transform: uppercase; border-radius: 5px; margin-top: 40px; cursor:pointer}
.btn-dangky a{color:#fff}
.ct-dangky p{margin-bottom: 10px;}
.ct-dangky ul li{margin-left: 10px;}
.ct-dangky h3{font-size: 18px; font-weight: bold; margin-bottom: 15px; margin-top: 15px;}
.box-form-dangky{background: #fff; padding: 20px; position: relative; width: 100%; float: left;}
.icon-close{position: absolute; top: 10px; right: 10px;}
.upload-file{width:100%; padding: 50px 0; border-radius: 5px; text-align: center; border: 1px solid #ccc; border-radius: 5px;}
.bt-dangky span{padding: 15px 40px;  text-transform: uppercase; font-weight: bold;}
.box-form-dangky input, .box-form-dangky select{padding: 10px; border: 1px solid #ccc;}
.box-form-dangky label{width:100%; margin-bottom: 10px;}
.box-form-dangky .mb-3{margin-bottom:40px !important}
.bd-tudien{border:2px solid #ff0000; border-radius:5px}
.bd-tudien input{background:none; border:none; padding:8px}
.bd-tudien i{margin-right:10px;margin-top:10px; font-size:18px;}
.bd-tudien span{background:#000; color:#fff}
.sec-tudien{background:#fff; height:100%; padding:20px}
.text-tudien{padding:20px 0}
.text-tudien p{color:#999; margin-bottom:20px}
.dich-text-tudien{padding:10px 0; border-bottom:1px solid #ccc}
.box-text-tudien{margin-top:10px; position:relative}
.box-text-tudien .collapse{position:absolute; top:0;right;0; width:100px; background:#fff}
.thaotac-tudien{padding:20px; border-radius:5px; background:#fff; min-width:150px; display:none; position:absolute; top:0; right:0}
.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}
.box-form-dangky ::-ms-input-placeholder { /* Edge 12-18 */
    color: #ccc;
  }
  
  .box-form-dangky ::placeholder {
    color: #ccc;
  }
  .box-form-dangky radio{margin-right: 30px;}
  .form-check label{margin-top:5px;}
.hotro-app{width: 100%; border-radius: 8px; padding: 10px; background: #333; color: #fff; align-items: center;}
.hotro-app h4{font-size: 14px; font-weight: normal; margin-bottom: 6px}
.hotro-app span{font-size: 10px}
.hotro-app p i{width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 100%; background: #5a5a5a; font-size: 12px}
.hotro-app p{margin-bottom: 10px}
.hotro-app p a{color: #269af2; font-size: 15px}
.menu-tab{width: 100%; background: #fff; position: fixed; bottom: 0; left: 0; padding: 6px 0; border-top: 1px solid #eee; box-shadow: 2px 1px 4px 1px #ccc; padding: 0}
.sec-dichvu{padding-bottom: 50px}
.menu-tab li{width: 25%; font-size: 14px; text-align:center; padding: 10px 0; line-height:130%; font-weight:normal;}
.menu-tab li:hover{border-top: 1px solid #ff0000}
.menu-tab li a{color: #333}
.menu-tab li a:hover{color: #ff0000}
.sec-hoconline{width:100%; padding-top: 0; padding-bottom:60px; background:linear-gradient(#fff, #ECECEC)}
.td-dm h2{font-size: 24px}
.td-dm h2 i{font-size:17px}
.ct-dm{width:100%; padding:30px 20px; background:url(/ko30id3z8fy3vniq/imgs/card-vogel-dm.svg) bottom right no-repeat; font-size: 20px; border-radius:8px; margin-bottom:20px}
.ct-dm h3{font-size: 20px; font-weight:700}
.ct-dm a{color:#333}
.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}

/*slide bài tin*/
.slider-container { width: 100%; margin: auto; overflow: hidden; } 
.news-slider .news-item { background: #fff; padding: 0; border-radius: 5px; text-align: center; margin-right:20px; overflow:hidden } 
.news-item img { width: 100%; height: auto;} 
.news-item h3 { margin-top: 10px; font-size: 14px; padding:0 10px; text-align:left; margin-bottom:10px; height:42px; overflow:hidden }
.slick-dots{display:none !important}

@media (min-width: 1px) and (max-width: 768px) {
  .tudien-dautrang{display:none}
}

.menub{border-top:3px solid #259bf2}
.menub:hover,.menub_active{border-top:3px solid orange}