:root{--cl1:#B450C2;}
*{box-sizing:border-box;}
ul,li{list-style:none;padding:0;margin:0;}
img{max-width:100%;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.42857143;color:#333;background-color:#fff; margin: 0;}

/*header*/
header{padding:1rem;background:var(--cl1);display:flex;align-items:center;justify-content:space-between;}
.header__left{max-width:60%;}
.header__left a{font-family:'Open Sans',sans-serif;font-size:1rem;text-transform:uppercase;color:white;}
ul.js__header_right li{height:1px;background:white;width:30px;margin-bottom:7px;display:inline-block;padding:0;margin-left:0;}
ul.js__header_right li:last-child{margin-bottom:0;}
.header__right__click{display:inline-flex;align-items:center;}
ul.js__header_right{margin-right:1rem;display:flex;flex-direction:column;padding:0;}
.header__right__click span{color:white;font-size:1.2rem;}
ul.js__header_right li{transition:all .7s;}
.header__right{width: 100%; display: flex;align-items: center;}
.cover_logo_header {text-align: center; border: 1px solid #572863; }
.form_search_header {display: inline-flex; flex: 1; align-items: center; justify-content: center; margin-left: 10px; }
.form_search_header input {padding: 10px; border: 0; width: 100%; border-radius: 5px; margin-right: 10px; }
.form_search_header button {padding: 7px 12px; border: 0; border-radius: 5px; background: #fff; }
.form_search_header button i {font-size: 1.5em; }

/*chuyen khoa*/
h2.title1{text-align:center;text-transform:uppercase;font-size:1.2rem;font-weight:bold;}
.chuyenkhoa>span{display:block;text-align:center;padding:0 2rem;color:var(--cl1);font-style:italic;font-size:1rem;}
.chuyenkhoa ul{padding:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem 1rem;margin-top:2rem;}
.ck-main{background:var(--cl1);padding:2rem;text-align:center;padding-top:4rem;z-index:4;position:relative;}
a{text-decoration:none;color:initial;}
.ck-main span{color:white;text-transform:uppercase;font-size:1rem;font-weight:bold;}
.ck-img{width:25vw;height:25vw;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cl1);margin-bottom:-2rem;z-index:5;border:10px solid #f4f4f4;position:relative;}
.ck-img::after{content:"";position:absolute;width:calc(100% + 40px);height:calc(100% + 40px);border:1px solid #f4f4f4;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);}
.chuyenkhoa{padding:1rem;background:#f4f4f4;}


/*chuyen khoa 2*/
.tittle_chuyenkhoa2 {min-height: 50px; color: #fff; text-transform: uppercase; padding: 15px; background:var(--cl1); margin: 0; }
.item_chuyenkhoa2 {position: relative; margin-bottom: 10px; }
.item_chuyenkhoa2:before {content: '+'; font-family: FontAwesome,sans-serif; width: 48px; height: 52px; display: block; background: #cc7ed6; position: absolute; right: -1px; top: 0px; text-align: center; line-height: 48px; color: white; font-size: 25px; }
.item_chuyenkhoa2.active_dmck:before {content: '-'; }
.list_dmck {padding: 10px; border: 1px solid var(--cl1); display: none }
.list_dmck.active_dmck {display: block; }
.chuyenkhoa2{padding:1rem;background:#f4f4f4;}
.list_dmck li a {padding: 10px 0; border-bottom: 1px solid #e0e0e0; display: inline-block; width: 100%;}


/*chuyen khoa3*/
.chuyenkhoa3 ul {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; }
.chuyenkhoa3 ul li {border: 1px solid #B450C2; padding: 10px; }
.chuyenkhoa3 ul li a {display: flex; align-items: center; justify-content: center; flex-direction: column; }
.chuyenkhoa3 ul li a span {font-weight: bold; }
.ck3-main{text-align: center;}
.chuyenkhoa3{padding:1rem;background:#f4f4f4;}



/*gioithieu*/
.gioithieu{padding:1rem;}
.top1{text-align:center;margin-bottom:2rem;}
.gioithieu__main p{line-height:2;text-align: justify;}
.gioithieu__main a{color:var(--cl1);}
.top1 img{display:block;margin:0 auto;margin-top:-.5rem;width:92px;height:22px;}

/*thoigian*/
.thoigian{padding:1rem;background:url(../img/bg1.jpg);}
.thoigian h2{color:white;}
.thoigian ul{padding:0;text-align:center;}
.thoigian ul li{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:1rem;}
.thoigian ul li span{font-size:1rem;display:block;margin-top:1rem;color:white;font-weight:bold;text-transform:uppercase;text-align:center;}

/*uu diem*/
.uudiem{padding:1rem;}
.uudiem li{box-shadow:1px 1px 4px var(--cl1);padding:1rem;border-radius:10px;margin-bottom:1.5rem;border:2px solid var(--cl1);position:relative;overflow:hidden;}
.uudiem li p{font-size:1rem;line-height:1.8;margin:0;text-align:justify;}
.uudiem li::before{content:"";width:0;height:0;border-top:60px solid var(--cl1);border-right:60px solid transparent;position:absolute;top:0;left:0;}
.uudiem li h3{padding-left:2rem;margin-bottom:.5rem;}
.uudiem li::after{content:"";width:60px;height:60px;position:absolute;top:0;left:0;background:url(../img/i1.png) no-repeat top 5px left 5px;background-size:30px 25px;}
.uudiem li:last-child{margin-bottom:0;}

/*phuc vu*/
.phucvu{padding:1rem;background:url(../img/bg2.jpg);}
.phucvu li h2{color:var(--cl1);text-transform:uppercase;}
.phucvu li:not(:last-child){margin-bottom:2rem;}
.phucvu p{font-size:1rem;line-height:1.8;text-align:justify;}
.phucvu a{display:inline-block;padding:5px 15px;background:var(--cl1);color:white;}

/*hotline*/
.hotline{padding:1rem;background:#f4f4f4;}
.hotline__main{background:#909aa7;padding:1rem;}
.hotline__main h2{color:white;}
.hotline__main ul{text-align:center;}
.hotline__img span{color:white;font-size:2rem;font-weight:bold;}
.hotline__main p{color:white;text-transform:uppercase;font-weight:bold;margin:0;}
.hotline__main li{padding-bottom:1rem;border-bottom:1px solid #d8cfcf;padding-top:1rem;}
.hotline__img img{vertical-align:text-bottom;display:inline-block;margin-right:1rem;}
.hotline__img{margin-bottom:.5rem;}
.hotline__call a{display:inline-flex;align-items:center;background:var(--cl1);padding:.5rem;color:white;font-weight:bold;text-transform:uppercase;position:relative;max-height:42px;}
.hotline__call a img{max-width:30px;margin-right:1rem;}
.hotline__call{margin-top:1rem;text-align:right;}
.hotline__call a:before{content:"";width:0;height:0;border-top:42px solid var(--cl1);border-left:42px solid transparent;display:block;position:absolute;top:0;left:-42px;}

/*footer*/
footer{padding:1rem;background:#535a69;color:white;}
ul.ft-info span{border:solid 1px #fff;padding:5px 10px;display:inline-block;border-radius:2px;color:#fff;margin-right:5px;margin-top:10px;font-size:14px;}
ul.ft-info li{margin-bottom:0.5rem;}
footer h3{text-transform:uppercase;border-bottom:1px solid #888892;}
.ft-map{margin-bottom:1rem;}
.ft-cat a:before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;position:absolute;content:"";left:10px;top:50%;transform:translateY(-50%);}
.ft-cat a{display:block;padding:5px;color:white;text-transform:capitalize;padding-left:1.5rem;position:relative;font-size:1.1rem;}
ul#js__header_right.ok li:nth-child(1){transform:rotate(-45deg) translateY(11px);transition:all .7s;}
ul#js__header_right.ok li:nth-child(3){transform:rotate(45deg) translateY(-11px);transition:all .7s;}
ul#js__header_right.ok li:nth-child(2){transform:scale(0);transition:all .7s;}
.ft-logo{text-align: center;}

/*TRANG LOAI*/
.breadcrumb ul{display:flex;align-items:center;}
.breadcrumb{background:#4a4b4c;color:white;padding:1rem;}
.breadcrumb ul a{font-size:1rem;color:white;display:inline-block;padding:5px 15px;text-transform:capitalize;}
.breadcrumb ul li:last-child{position:relative;}
.breadcrumb ul li:last-child:before{content:">>";line-height:100%;}
.breadcrumb ul i{font-size:2rem;}
.trangloai__main{padding:1rem;}
.trangloai__main h1{background:#ededed;font-size:16px;padding:15px 20px;color:#2f2f30;text-transform:uppercase;font-weight:600;margin-bottom:1rem;}
.trangloai__item{box-shadow:0px 0 10px -2px #000;margin-bottom:1.5rem;}
.trangloai__item__info{background:var(--cl1);color:white;display:flex;align-items:center;padding:0.3rem;padding-left:1rem;}
span.trangloai__item__day{font-size:2rem;font-weight:bold;margin-right:0.5rem;border-right:1px solid #fff;padding-right:0.5rem;}
span.trangloai__item__week{color:black;}
.trangloai__item__top{display:grid;grid-template-columns:50% auto;padding:0.5rem;grid-gap:10px;}
.trangloai__item__r h3{margin:0;font-size:14px;text-transform:uppercase;margin-bottom:.5rem;}
.trangloai__item__r p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;}
.trangloai__item__bottom a{display:inline-block;padding:5px 10px;border:1px solid gray;border-radius:5px;}
.trangloai__item__bottom{padding:.5rem;}
.trangloai__item__bottom .color1{border:1px solid var(--cl1);}

/*phan trang*/
.pagination{background:#f4f4f4;padding:1rem;text-align:right;}
.pagination a,.pagination span{display:inline-block;padding:3px 10px;border:1px solid var(--cl1);}
span.phantrang{background:var(--cl1);color:white;border:3px solid var(--cl1);}

/*CHI TIET*/
.chitiet__main{padding:1rem;}
.chitiet__main h1{background:#ededed;font-size:1em;text-transform:uppercase;font-weight:600;margin-bottom:15px;color:#2f2f30;padding:10px 15px;line-height:21px;}
.chitiet__main h1 i{color:var(--cl1);margin-right:10px;margin-bottom:10px;}
.chitiet__info{padding:1rem 0;border-bottom:dashed 1px #535a69;margin-bottom:2rem;}
ul.chitiet__star{display:flex;}
ul.chitiet__star li i{color:var(--cl1);font-size:1.5rem;margin-right:5px;}
ul.chitiet__star{margin-bottom:5px;}
.chitiet__info span{font-size:0.9rem;font-style:italic;}
.chitiet__noidung p{line-height:1.8;text-align:justify;}
.chitiet__noidung h2{font-size: 17px;padding-bottom: 10px;  border-bottom: 1px solid #B450C2;}
.bvlq__top{display:grid;grid-template-columns:30% auto;grid-gap:10px;margin-bottom:1rem;}
.bvlq__right h4{margin:0;margin-bottom:5px;}
.bvlq__right h4 a{color:#313131;text-shadow:0 0 0 #313131;}
.bvlq__right p{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;}
.bvlq__bottom{text-align:right;}
.bvlq__bottom a{display:inline-block;padding:5px 10px;background:#337ab7;color:white;border-radius:5px;}
.bvlq__item{padding-bottom:1rem;border-bottom:solid 1px #ccc;margin-bottom:1rem;}
.bvlq__bottom a.color2{background:#f0ad4e;}
.bvlq h3{border-bottom:solid 1px #b3b3b3;border-top:solid 1px #b3b3b3;padding:15px 0;font-size:23px;color:#313131;text-shadow:0 0 0 #313131;font-weight:500;}

/*keyframe*/
@keyframes a{
	from {opacity: 0;transform: translateX(-100%);}
	to{opacity: 1;transform: translateX(0);}
}
/*.sub li a{animation: a 0.4s ease-out 1 .2s both}
.sub li:nth-child(2) a{animation: a 0.5s ease-out 1 .2s both}
.sub li:nth-child(3) a{animation: a 0.6s ease-out 1 .2s both}
.sub li:nth-child(4) a{animation: a 0.7s ease-out 1 .2s both}
.sub li:nth-child(5) a{animation: a 0.8s ease-out 1 .2s both}*/