﻿@media(min-width:1200px){.menuBox{float:right;margin-top:11px;}.menuBox .menuMain{margin:0;padding:0;list-style:none;}.menuBox .menuMain>li{float:left;margin-right:0;}.menuBox .menuMain>li:last-child{margin-right:0;}.menuBox .menuMain>li>a{font:15px/40px RobotoCondensedBold;color:#333;text-transform:uppercase;padding:0 15px;display:block;height:40px;border-radius:20px;letter-spacing:-.4px;}.menuBox .menuMain>li>a:hover{color:#fff;background-color:var(--color-main);}.menuBox .menuMain>li.active a{color:#fff;background-color:var(--color-main);}.menuBox .menuMain .subMenu{margin:0;padding:0;list-style:none;position:absolute;left:-20px;top:100%;z-index:7;box-shadow:0 0 15px rgba(0,0,0,.15);min-width:275px;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;opacity:0;pointer-events:none;transform:translateY(40px);-webkit-transform:translateY(40px);}.menuBox .menuMain .subMenu li a{font:15px/22px Roboto;color:#333;display:block;padding:13px 20px;background-color:#fff;}.menuBox .menuMain .subMenu li a i{font-size:11px;margin-right:10px;transform:translateY(-1px);-webkit-transform:translateY(-1px);}.menuBox .menuMain .subMenu li a:hover{color:#fff;background-color:var(--color-main);}.menuBox .menuMain li:hover .subMenu{opacity:1;pointer-events:auto;transform:translateY(0);-webkit-transform:translateY(0);}.openMenuRes{display:none;}}@media(max-width:1199px){body{max-width:768px;margin:0 auto;}.container{width:calc(100% - 20px);}.btn_top{bottom:100px;right:10px;}.slideBox .slick-arrow.slick-next{right:20px;}.slideBox .slick-arrow.slick-prev{left:20px;}.footerBox .contactInfo{max-width:100%;width:100%;}.footerBox .social{width:100%;margin-top:20px;}.lienHe .hocPhi{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-right:0;}.lienHe .contactForm{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:30px;}.menuResBtn{float:right;width:40px;height:40px;margin-top:11px;}.openMenuRes{display:block;background:var(--color-main) url(Pic/open_menu_res.png) no-repeat center center;background-size:16px auto;width:40px;height:40px;font-size:0;cursor:pointer;border-radius:50%;}.openMenuRes.active{background-image:url(Pic/open_menu_res_active.png);background-size:13px auto;}.menuMain{position:absolute;top:100%;right:0;z-index:200;overflow-y:auto;max-height:calc(100vh - 76px);width:100%;padding:0;margin:0;list-style:none;display:none;}.menuBox .menuMain>li>a{font-family:RobotoCondensedBold;font-size:15px;line-height:24px;display:block;padding:10px 20px;background:var(--color-main);color:#fff;text-transform:uppercase;text-align:right;border-bottom:1px solid #003bd2;}.menuBox .menuMain>li>a>i{display:none;}.menuBox .menuMain>li.home a{border-top:none;}.menuBox .menuMain>li{position:relative;}.menuBox .menuMain>li.active>a{background-color:#6c96ff;}.menuMain span.openSub{height:48px;width:48px;z-index:3;border:none;top:0;right:0;position:absolute;cursor:pointer;display:inline-block;text-align:center;}.menuMain span.openSub:before{content:'';font-family:FontAwesome;color:#666;line-height:48px;}.menuMain span.openSub.active:before{content:'';color:#fff;}.menuMain .subMenu span.openSub:before{color:#333;}.menuMain .subMenu span.openSub.active:before{color:#fff;}}@media(max-width:1199px){.container{width:calc(100% - 20px);}.slideBox .khungAnh:before{padding-bottom:calc(190/320*100%);}.slideBox .slick-arrow.slick-prev{left:10px;}.slideBox .slick-arrow.slick-next{right:10px;}.loiIch{padding:30px 0 40px;}.loiIch .title span{font:20px/28px UTMAvo;}.loiIch .description{font:15px/22px Roboto;}.loiIch .description ul{margin-top:20px;}.loiIch .description ul li{width:100%;margin-right:0;font:15px/22px Roboto;background-size:29px auto;padding-left:39px;}.loiIch .description ul li:nth-child(1)~li{margin-top:15px;}.aiDay{padding:40px 0 40px;}.aiDay .title span{font:20px/28px UTMAvo;}.aiDay .content{margin-top:25px;}.aiDay .content .itemPicture{width:280px;float:none;margin:0 auto;}.aiDay .content .itemDetail{width:100%;float:none;margin-top:25px;}.aiDay .content .itemDetail .itemDescription ul li{margin-top:10px;}.khoaHoc{padding:40px 0 20px;}.khoaHoc .title span{font:20px/28px UTMAvo;}.khoaHoc .groupItem .itemBox{width:100%;margin-right:0;}.khoaHoc .groupItem .itemBox .itemDetail .itemTitle a{font:17px/30px RobotoBold;}.lyDo{padding:40px 0 40px;}.lyDo .title span{font:20px/28px UTMAvo;}.lyDo .groupItem .itemBox{width:100%;margin-right:0;padding:10px 0;}.camNhan{padding:30px 0 40px;}.camNhan .title span{font:20px/28px UTMAvo;}.camNhan .groupItem{margin-top:20px;}.camNhan .groupItem .slick-list{margin:0 -5px;}.camNhan .groupItem .slick-list .item{padding:0 5px;}.thuVien{padding:40px 0;}.thuVien .thuVienAnh{width:100%;margin-right:0;}.thuVien .video{width:100%;margin-top:25px;}.thuVien .thuVienAnh .groupItem .itemBox:nth-child(n){width:calc(50% - 5px);margin-right:10px;}.thuVien .thuVienAnh .groupItem .itemBox:nth-child(2n){margin-right:0;}.thuVien .thuVienAnh .groupItem .itemBox:nth-child(2)~.itemBox{margin-top:10px;}.thongSo .groupItem .itemBox{width:100%;margin-right:0;text-align:left;}.thongSo .groupItem .itemBox:nth-child(1)~.itemBox{margin-top:35px;}.thongSo .groupItem .itemBox .khungAnh{float:left;margin-right:25px;}.thongSo .groupItem .itemBox .itemDetail{float:left;width:calc(100% - 93px);}.thongSo .groupItem .itemBox .itemDetail .text1{padding-top:0;margin-top:0;}.thongSo .groupItem .itemBox .itemDetail .text1:before{content:none;}.lienHe{padding:40px 0;}.lienHe .hocPhi{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-right:0;padding:20px 10px;}.lienHe .hocPhi .title span{font:20px/28px RobotoCondensedBold;}.lienHe .hocPhi .info{font:18px/28px Roboto;margin-top:15px;}.lienHe .hocPhi .time .text{font:18px/28px Roboto;}.lienHe .hocPhi .price{padding:0 15px;margin-top:15px;}.lienHe .hocPhi .price .old{font:20px/54px Roboto;}.lienHe .hocPhi .price .new{font:30px/54px RobotoCondensedBold;}.lienHe .contactForm{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:20px;padding:20px;}.lienHe .contactForm .title span{font:20px/28px RobotoCondensedBold;}.lienHe .contactForm .text{font:15px/22px Roboto;}.lienHe .contactForm .form .box{width:100%;margin-right:0;}.lienHe .contactForm .form .box:nth-child(1)~.box{margin-top:8px;}.lienHe .contactForm .btnSend{width:100%;}.footerBox{padding-bottom:60px;}.fixedBottom{width:100%;}.fixedBottom .hotline i{margin-right:3px;}.sbzoff,.sbzon{bottom:35px !important;}.lienHe .hocPhi #DateCountdown{width:279px !important;height:auto !important;}.lienHe .hocPhi #DateCountdown .time_circles>div{top:16px !important;}}
