@charset "utf-8";
*{margin:0; padding:0;outline:0;}
html{height:100%;}
h1{font-size:16px; line-height:1.3em;}
h2{font-size:14px; line-height:1.3em;} 
h3{font-size:14px; line-height:1.3em;} 
h4{font-size:14px; line-height:1.3em;} 
h5{font-size:14px; line-height:1.3em;} 
h6{font-size:14px; line-height:1.3em;} 
a{text-decoration:none;} 
p{padding: 0 0 10px 0;}
img{border:0; border-spacing:0;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed  { margin: 0;padding: 0;outline: 0;}
:focus { outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 1px solid #eee}
table td, table th {border: 1px solid #eee; padding: 3px 10px;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
strong, b {font-weight:bold;}
em {font-style:italic;}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
input[type=text], input[type=password], input[type=file], input[type=submit], input[type=reset], input[type=search], textarea{-webkit-appearance:none;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
input[type=number]::-webkit-inner-spin-button {opacity: 1;}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.f-detail {line-height: 1.5; text-align:justify !important;}
.f-detail img, .f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-ndct em{max-width: 100% !important;}
.f-detail img {padding: 5px 0; max-width: 100% !important; height: auto !important;}
.f-detail ul, .f-detail ol {margin: 10px 0;}
.f-detail ul li {list-style: disc; margin-left: 20px;}
.f-detail ol li {list-style: decimal; margin-left: 20px;}
.f-detail table{ width:100% !important; min-width:800px !important;}
.f-detail table tr td{ padding:5px;}

.box-sizing-fix {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}
::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}

.box_shadow{border-radius: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 1); border: 2px solid rgba(255, 255, 255, 1);}
.figure{ cursor:pointer;padding:2px; background-color:#FFFFFF; overflow:hidden;}
.figure img{ width:100%; height:100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;transition: all .3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.figure:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.page{margin: 20px 0 20px 0; line-height: 18px; text-align: center;}
.PageNum a {display: inline-block; padding: 3px 10px; margin: 0px 3px 5px 0px; color:#56509F;}
.PageNum a:hover, .PageNum span {font-weight: bold;display: inline-block; padding: 3px 10px; margin: 0px 3px 5px 0px; background-color:#EB258F; border:none; color:#FFFFFF; text-decoration:none;}

.ul_share_social { float:none; clear:both; padding-top: 20px; line-height: 18px; overflow:hidden; margin-bottom:20px;}
.ul_share_social > li {float: left;}
.ul_share_social > li + li {margin-left: 7px;}

.tag {padding: 20px 0; font-size: 11px; overflow: hidden; line-height: 18px;}
.tag span {color: #939393; padding: 2px 5px 2px 5px; background: #F1F1F1; display: block; float: left;margin: 0 3px 3px 0;}
.tag a {padding: 2px 5px; color: #656565; background: #F1F1F1; display: block; float: left; margin: 0 3px 3px 0;}
.tag a:hover {background: #E2E2E2;}
.clear{clear:both; height: 0; float: none;}
.fixbody {overflow: hidden;}

.breacrum{ padding-top:40px;}
.ul_breacrum li {display: inline-block; color:#FFFFFF; margin-right:5px;}
.ul_breacrum li a{ color:#FFFFFF; font-style:italic; font-weight:normal; text-transform:capitalize;}
.ul_breacrum li svg{ margin-right:5px;}
.ul_breacrum li a:hover{ text-decoration:none; color:#FEDB20;}
.box_share{ position:absolute; top:40px; right:0px;}

/************************************************************************************
MENU MOBILE
*************************************************************************************/

.icon_menu_mobile {visibility: hidden;position:absolute;top: 10px; right: 15px; z-index: 9999;cursor:pointer;font-size:20px;text-align:center; display:block; background-color:#EB258F; border:solid 1px #EB258F;}
.icon_menu_mobile div{ font-size:11px; text-transform:uppercase;}
.icon_menu_mobile:hover,.icon_menu_mobile:focus {text-decoration:none; background-color:#EB258F; border:solid 1px #FEDB20;}
.menu_mobile {
	visibility: hidden;
	background: #555555;
	width: 280px; height: 100%;
	overflow-y: scroll;
	position:fixed;
	top: 0; bottom:0; left: -280px;
	z-index: 9999999;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	text-transform:uppercase;
}
.close_menu_mobile {
	background: rgba(255,255,255,0); 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 280px;
	cursor:pointer;
	font-size:24px; color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
}
.ad_body {height: 100%; overflow-y: hidden;}
.ad_body .menu_mobile {left: 0;}
.ad_body #wrapper::after {
	content: "";
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 11;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.ul_ma_1 > li {position: relative;}
.ul_ma_1 > li a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #fff; padding: 10px 38px 10px 15px;}
.ul_ma_1 > li > a {border-top: 1px solid #6c6c6c; border-bottom: 1px solid #454545; text-decoration:none;}
.ul_ma_1 > li > a:hover, .ul_ma_1 > li.active > a {background: #626262;}

.ul_ma_2 > li > a {background: #474747; border-left: 3px solid #6c6c6c; padding-left: 25px; text-transform:capitalize; text-decoration:none;}
.ul_ma_2 > li > a:hover {background: #5F5F5F; text-decoration:none;}
.ul_ma_2 > li + li {border-top: 1px solid #575757;}
.ul_ma_2 > li > a:hover, .ul_ma_2 > li.active > a { text-decoration:underline;}

.ul_ma_3 > li {border-top: 1px solid #575757;}
.ul_ma_3 > li > a {background: #474747; border-left: 3px solid #6c6c6c; padding-left: 40px; padding-right: 15px; text-decoration:none;}
.ul_ma_3 > li > a:hover {background: #5F5F5F; text-decoration:none;}
.ul_ma_3 > li > a:hover, .ul_ma_3 > li.active > a { text-decoration:underline;}
.arrown_menu_accordion {background:url(../imgs/icon_0_plus.png) no-repeat center;width:38px;height:38px;position:absolute;top:1px;right:0;cursor:pointer}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/
input, textarea, select {
	/*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
}
html {height: 100%;}
body {
	/*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #1E1E1E;
	background:#FFFFFF;
	line-height: 20px;
	margin: 0 auto;
	line-height:1.5em;
}

.css_body {height: 100%;-webkit-text-size-adjust:100%;word-wrap: break-word;}
#wrapper {height: 100%;}
.min_wrap {width: 1170px; margin: 0 auto; position:relative; float:none; clear:both;}
.margin_top{ margin-top:60px;}
.margin_bot{ margin-bottom:60px;}
.padding_top{ padding-top:60px;}
.padding_bot{ padding-bottom:60px;}
.box{overflow:hidden;}
.left{ float:left;}
.right{ float:right;}

/*//////Color//////*/

.color_text{color:#1E1E1E;} /*Xám*/
.color_text2{color:#FFFFFF;} /*Trắng*/
.color_text3{color:#e54c01;} /*Xanh dương*/
.color_text4{color:#FEDB20;} /*Vàng*/
.color_text5{color:#EB258F;} /*Hồng*/

.color_bg{ background-color:#e54c01;} /*hồng #EB258F*/
.color_bg2{ background-color:#e54c01;} /*Xanh dương #56509F*/
.color_bg3{ background-color:#BD66FF;} /*tím*/
.color_bg4{ background-color:#FFF9F2;} /*Vàng nhạt*/
.color_bg5{ background-color:#FEDB20;} /*Vàng đậm*/
.td_h1{ font-size:60px;}

a{text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline;}

.href{color:#56509F;}
.href a{color:#56509F; text-decoration:none; cursor:pointer;}
.href a:hover{color:#EB258F; text-decoration:underline;}

.button{ background-color:#FEDB20; color:#56509F; border:none; padding: 10px 40px; border-radius: 30px; text-transform:capitalize;}
.button:hover{ text-decoration:none; background-color:#FFE959;}
.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px;}
/*.font_td{font-family: 'Dancing Script', cursive, Arial, Helvetica, sans-serif;}*/
/*.font_td{font-family: 'Kodchasan', sans-serif; font-weight:normal !important;}*/
.font_td{font-family: "Times New Roman", Arial, Helvetica, sans-serif !important;}

.zoom_img:hover figure{ overflow:hidden;}
.zoom_img:hover figure img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.zoom_img:hover figure img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/*/////Home//////*/

.box_top{ padding:10px 0px;}
.box_top ul li{ display:inline-table; width:30%; margin-right:3%;}
.box_top ul li:last-child{ margin-right:0px;}
.box_top ul li svg{font-size:18px; margin-right:10px; font-weight:bold;}

.box_menu{ padding:10px 0px; position:relative;}
.box_menu .logo{ height:110px; position:absolute; top:0px; left:0px;}
.box_menu .logo img{ height:100%; width:auto;}
.box_menu .box_button_search{ position:absolute; right:0px; top:20px; border: 2px solid #e54c01; border-radius: 200px; width:50px; height:50px; cursor:pointer;}/*#EB258F*/
.box_menu .box_button_search svg{ position:absolute; font-size:18px; top:16px; left:16px; font-weight:bold;}
.box_menu .box_button_search:hover{ background-color:#e54c01; color:#FFFFFF;}/*#EB258F*/
.form_s {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 99999999;
    visibility: hidden;
    -webkit-transition: ease .4s;
    -moz-transition: ease .4s;
    -ms-transition: ease .4s;
    -o-transition: ease .4s;
    transition: ease .4s;
    opacity: 0
}
.form_s.active {
    visibility: visible;
    opacity: 1
}
.close_form_s {
    font-size: 32px;
    color: #fff;
    position: absolute;
    top: 40px;
    right: 40px;
    display: block;
    cursor: pointer;
    z-index: 1;
    font-style: normal
}
.d_form_s {
    width: 50%;
    margin: -30px auto 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0
}
.ipt_form_s {
    width: 100%;
    height: 60px;
    border: 0;
    padding: 0 60px 0 20px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 400
}
.btn_form_s {
    border: 0;
    cursor: pointer;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 32px;
    color: #EB258F;
    position: absolute;
    bottom: 0;
    right: 0;
    background: none
}


.box_menu_list{ display:inline-flex; margin:40px 0px 40px 190px;}
.box_menu_list li{ position:relative;}
.box_menu_list li a{padding-right:25px; font-size:18px; font-weight:bold; text-transform:capitalize; color:#1E1E1E;}
.box_menu_list li:first-child a{ padding-left:0px;}
.box_menu_list li a:hover{ color:#e54c01; text-decoration:none;}
.box_menu_list > li.active > a, .box_menu_list > li:hover > a { display:block; text-decoration:none; color:#e54c01;}
.box_menu_list > li:hover > ul.mn_child_01 {visibility: visible; z-index: 999999; opacity: 1; top: 30px;color:#EB258F;}
.box_menu_list > li > ul.mn_child_01 {
	visibility: hidden;
	opacity: 0;
	position: absolute; z-index:999999;
	left: 0px; top: 10px;
	background:#FFFFFF;
	border:solid 1px #ECECEC;
	box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.18);
    -webkit-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.18);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 170px;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	z-index: 100;
}
.box_menu_list > li > ul.mn_child_01::before {
	border-bottom: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content: " ";
	cursor: pointer;	
	display: block;
    width: 0; height: 0;
    position: absolute;
	top: -4px; left: 20px;
	margin: 0 auto;
	z-index: 2;
}
.box_menu_list > li > ul.mn_child_01::after {
	border-bottom: 6px solid #eee;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: " ";
	cursor: pointer;	
	display: block;
    width: 0; height: 0;
    position: absolute;
	top: -6px; left: 18px;
	margin: 0 auto;
	z-index: 1;
}
.box_menu_list > li > ul.mn_child_01 > li {position: relative; margin:0px; display:inherit; float:none; clear:both; font-size:14px;}
.box_menu_list > li > ul.mn_child_01 > li > a {
	color:#000000;
	display: block; 
	padding: 7px 20px; 
	white-space: nowrap; 
	text-transform: capitalize;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight:normal;
	font-size:14px;
}
.box_menu_list > li > ul.mn_child_01 > li:hover > a {background:#e54c01; color: #fff; text-decoration:none;}
.box_menu_list > li > ul.mn_child_01 > li:first-child:hover > a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.box_menu_list > li > ul.mn_child_01 > li:last-child:hover > a {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.header_fixed .box_menu {
	position: fixed;
	z-index:999;
	top: -1px; right: 0; left: 0;
	margin: auto;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#FFFFFF;
	border-bottom:solid 3px #e54c01;/*#EB258F*/
}
.header_fixed .box_menu .logo{ height:60px; top:-8px;}
.header_fixed .box_menu .box_menu_list{margin: 10px 0px 10px 110px;}
.header_fixed .box_menu .box_button_search{ top:3px; right:5px; width:30px; height:30px;}
.header_fixed .box_menu .box_button_search svg{ font-size:14px; top:8px; left:8px;}

#content{ float:none; clear:both;}
.swiper-container {visibility: hidden;}
.swiper-container.swiper-container-initialized {visibility: visible;}
.slide, .swiper1 .swiper-slide {background-color: #999; max-height:520px;}
.swiper1 .swiper-slide img {display: block; width: 100%; height: 100%; opacity: 1 !important;}
.swiper-pagination-1 .swiper-pagination-bullet {width: 8px; height: 8px;background-color: rgba(255,255,255,0.3);opacity: 1;}
.swiper-pagination-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff; width: 18px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.swiper-button-next, .swiper-button-prev{ color:#434343 !important; opacity:0.3;}
.swiper-button_b:hover{ opacity:10;}

.box_info{ overflow:hidden;}
.box_info .box_info_left{ width:47%;}
.box_info .box_info_left ul{ overflow:hidden;}
.box_info .box_info_left ul li{width:43%; position:relative; padding:20px 0px;}
.box_info .box_info_left ul li:nth-child(1n){ float:left;}
.box_info .box_info_left ul li:nth-child(2n){ float:right;}
.box_info .box_info_left ul li svg{ font-size:24px; position:absolute; top:18px; left:18px; color:#FFFFFF;}
.box_info .box_info_left ul li .box_ilt_icon{width:60px; height:60px;border-radius: 200px; position:absolute; top:10px; left:0px;}
.box_info .box_info_left ul li:nth-child(1) .box_ilt_icon{ background-color:#FFF112;}
.box_info .box_info_left ul li:nth-child(2) .box_ilt_icon{ background-color:#EB258F;}
.box_info .box_info_left ul li:nth-child(3) .box_ilt_icon{ background-color:#00AEEE;}
.box_info .box_info_left ul li:nth-child(4) .box_ilt_icon{ background-color:#00A858;}
.box_info .box_info_left ul li .box_ilt_text{ margin-left:80px; display:block; font-weight:bold;}
.box_info .box_info_right{ width:50%;}
.box_info .box_info_right img{ width:100%; height:auto; margin-top:20px;border-radius: 30px;}
.box_info_left_text{ margin-top:20px;}
.box_info_left_text p{text-align:justify;}

.td_h1{ text-transform:capitalize;}
.box_chuongtrinh .td_h1{ text-align:center; padding-bottom:20px;}
.box_chuongtrinh .swiper-slide{ width:22%;}
.box_chuongtrinh .swiper-slide a{ text-decoration:none; display:block; cursor:pointer;}
.box_chuongtrinh .swiper-slide a:hover{text-decoration:none;}
.box_chuongtrinh .swiper-slide figure{ height:200px; border-radius: 25px 25px 0 0;}
.box_chuongtrinh .swiper-slide img{ width:100%; height:100%; border-radius: 25px 25px 0 0;}
.box_chuongtrinh .box_chuongtrinh_text{ padding:20px; border: 1px solid #e6e6e6;border-top: 0; border-radius: 0 0 25px 25px;}
.box_chuongtrinh .box_chuongtrinh_text h2{ font-size:24px; margin-bottom:10px;}
.box_chuongtrinh .box_chuongtrinh_text ul{ margin-top:5px; padding-top:10px; border-top:solid 1px #e6e6e6;}
.box_chuongtrinh .box_chuongtrinh_text ul li{ display:inline-table; width:30%; margin-left:3%; text-align:center;}
.box_chuongtrinh .box_chuongtrinh_text ul li:last-child{ margin-left:0px;}
.box_chuongtrinh .box_chuongtrinh_text ul li p{ margin-bottom:5px; padding-bottom:0px;}
.box_chuongtrinh .swiper-slide a:hover .box_ct_text_h2{color:#EB258F;}
.box_chuongtrinh .swiper-slide a:hover .box_chuongtrinh_text{border: 1px solid #EB258F;border-top: 0; border-radius: 0 0 25px 25px;}

.box_dangkyhoc{ overflow:hidden; padding:60px 0px; background:url(../imgs/layout/dang-ki-bg.jpg) no-repeat;}
.box_dangkyhoc .box_dangkyhoc_left{ width:60%;}
.box_dangkyhoc .box_dangkyhoc_left h1{ font-size:42px; color:#FFFFFF;}
.box_dangkyhoc .box_dangkyhoc_right{ width:30%; text-align:right; position:relative;}
.box_dangkyhoc .box_dangkyhoc_right a{font-size:18px; position:absolute; top:47%; right:0px;}

.box_giaotrinh{ overflow:hidden;}
.box_giaotrinh .box_giaotrinh_left{ width:50%;}
.box_giaotrinh .box_giaotrinh_left img{ width:100%; height:auto;}
.box_giaotrinh .box_giaotrinh_right{ width:45%;}
.box_giaotrinh .box_giaotrinh_right h1{ margin-top:40px;}
.box_giaotrinh .box_giaotrinh_right ul{ margin-top:20px; text-align:center;}
.box_giaotrinh .box_giaotrinh_right ul li{ display:inline-table; width:45%; margin-right:5%; text-align:left; position:relative; margin-bottom:10px;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(2n){ margin-right:0px;}
.box_giaotrinh .box_giaotrinh_right ul li svg{ position:absolute; top:0px; left:0px; font-size:50px; font-weight:100 !important;}
.box_giaotrinh .box_giaotrinh_right ul li div{ margin-left:70px;}
.box_giaotrinh .box_giaotrinh_right ul li div h2{ font-size:20px; text-transform:capitalize; margin-bottom:10px;}
.box_giaotrinh .box_giaotrinh_right ul li div p{ text-align:justify;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(1) svg{ color:#191919;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(2) svg{ color:#FEDB20;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(3) svg{ color:#F58534;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(4) svg{ color:#06B0EE;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(5) svg{ color:#EC3137;}
.box_giaotrinh .box_giaotrinh_right ul li:nth-child(6) svg{ color:#00A858;}

.box_sukien{ background:url(../imgs/layout/bg.jpg) #7E78B6 no-repeat fixed center; background-size:cover; color:#FFFFFF; text-align:center; min-height:440px;}
.box_sukien p{ font-size:18px;}
.box_sukien ul{ text-align:center; max-width:800px; margin:auto;}
.box_sukien ul li{background:url(../imgs/layout/bg_date.png) repeat; display:inline-table; width:20%; margin-right:2%; border:solid 2px #EB258F; border-radius: 25px;}
.box_sukien ul li:last-child{ margin-right:0px;}
.box_sukien ul li b{ font-size:90px; display:block; padding:70px 0px 50px 0px;}
.box_sukien ul li span{ display:block; margin:20px 0px; padding-top:20px; border-top:solid 2px #EB258F; font-size:18px; font-weight:bold;}
.box_sukien_bt{float:none; clear:both;}
.pop_tt_lp{background-color:#fff;width:50%;display:none}
.tit_pop_tt_lp{font-size:20px;font-weight:600;line-height:26px;padding-bottom:20px;color:#56509F}

.box_news{ overflow:hidden; padding-bottom:30px;}
.box_news_ct{ padding-bottom:0px;}
.box_news .td_h1{ text-align:center;}
.box_news ul{ text-align:center;}
.box_news ul li{ display:inline-table; width:31%; margin:0% 3% 3% 0%;}
.box_news ul li:nth-child(3n){ margin-right:0px;}
.box_news ul li a{ text-decoration:none;}
.box_news ul li figure{height:200px; border-radius: 25px 25px 0 0;}
.box_news ul li figure img{ width:100%; height:100%;border-radius: 25px 25px 0 0;}
.box_news ul li .box_news_text{padding:10px 20px 20px 20px; border: 1px solid #e6e6e6;border-top: 0; border-radius: 0 0 25px 25px; text-align:left; min-height:120px;}
/*.box_news ul li .box_news_text h2{ font-size:24px; margin-bottom:20px; padding-top:20px; text-align:left; text-transform:capitalize; white-space: break-word; text-overflow: ellipsis; overflow:hidden; display:block; height:30px;}*/
.box_news ul li .box_news_text h2{ font-size:18px; margin-bottom:20px; padding-top:20px; text-align:left; text-transform:capitalize; white-space: break-word; text-overflow: ellipsis; overflow:hidden; display:block; height:45px;}
.box_news ul li .box_news_text p{ text-align:justify;}
.box_news ul li a:hover .box_news_text h2{color:#EB258F;}
.box_news ul li a:hover .box_news_text{border: 1px solid #EB258F;border-top: 0; border-radius: 0 0 25px 25px;}

.box_video{ overflow:hidden; float:none; clear:both;}
.box_video .box_video_left{ width:60%;}
.box_video .box_video_left .box_video_code{ margin-top:20px;}
.box_video .box_video_left .box_video_code iframe{ width:100%; height:350px;}
.box_video .box_video_left h2{font-size:24px; margin-top:20px; text-transform:capitalize;}
.box_video .box_video_right{ width:35%;}
.box_video .box_video_right ul{ margin-top:20px;}
.box_video .box_video_right ul li{ display:block; float:none; clear:both; margin-bottom:10px; border:solid 2px #FEDB20;border-radius: 25px;}
.box_video .box_video_right ul li div{ padding:20px; position:relative;}
.box_video .box_video_right ul li div h2{ text-transform:capitalize; cursor:pointer;}
.box_video .box_video_right ul li div svg{ position:absolute; top:20px; right:15px; font-size:18px;}
.box_video .box_video_right ul li div p{ padding-top:10px; margin-top:10px; border-top:solid 2px #e6e6e6; text-align:justify; display:none;}
.box_video .box_video_right ul li.active div p{ display:block;}

.box_camera{ overflow:hidden;}
.box_camera ul{ text-align:center;}
.box_camera ul li{ display:inline-table; width:30%; margin-right:3%;}
.box_camera ul li:last-child{ margin-right:0px;}
.box_camera ul li figure{ height:250px;}
.box_camera ul li figure img{ width:100%; height:100%;border-radius:25px;}

.box_footer{ overflow:hidden;}
.box_footer ul li.box_footer_li{ display:inline-table; width:23%; margin-right:2%;}
.box_footer ul li.box_footer_li:last-child{ margin-right:0px;}
.box_footer ul li.box_footer_li h2{font-size:24px; color:#FEDB20; text-transform:capitalize; margin-bottom:20px;}
.box_footer ul li.box_footer1{ text-align:center; color:#FFFFFF;}
.box_footer ul li.box_footer1 img{ width:168px; height:auto; margin-bottom:10px;}
.box_footer ul li.box_footer1 svg{ font-size:48px; margin:5px;}
.box_footer ul li.box_footer1 a{ color:#FFFFFF;}
.box_footer ul li.box_footer1 a:hover{ text-decoration:none; color:#FEDB20;}
.box_footer ul li.box_footer2 ul li{ display:inline-table; width:48%; margin-right:2%; margin-bottom:15px;}
.box_footer ul li.box_footer2 ul li:nth-child(2n){ margin-right:0px;}
.box_footer ul li.box_footer2 ul li a{ color:#FFFFFF; text-transform:capitalize;}
.box_footer ul li.box_footer2 ul li a svg{ margin-right:0px; color:#FEDB20;}
.box_footer ul li.box_footer3 ul{ text-align:center;}
.box_footer ul li.box_footer3 ul li{ display:inline-table; width:30%; margin-right:3%; margin-bottom:15px;}
.box_footer ul li.box_footer3 ul li:nth-child(3n){ margin-right:0px;}
.box_footer ul li.box_footer3 ul li figure{ height:70px;border-radius:10px;}
.box_footer ul li.box_footer3 ul li figure img{ width:100%; height:100%;border-radius:10px;}
.box_footer ul li.box_footer4 ul li{ display:block; float:none; clear:both; margin-bottom:15px; color:#FFFFFF;}
.box_footer ul li.box_footer4 ul li svg{ font-size:18px; color:#FEDB20; margin-right:10px;}
.box_footer ul li.box_footer4 ul li a{ color:#FFFFFF;}
.box_footer ul li.box_footer4 ul li a:hover{ color:#FEDB20;}
.box_copy{ padding:20px 0px; text-align:center;}


.box_ct_header{ background:url(../imgs/layout/bg3.jpg) #FFFFFF center no-repeat; height:200px; overflow:hidden;}
.box_ct_header h1{ font-size:50px; margin-top:30px; color:#FFFFFF; text-transform:capitalize;}
.box_ct_header h1 svg{ color:#FEDB20;}
.box_ct_content{ overflow:hidden; margin-bottom:30px;}
.box_ct_content_m{ padding-bottom:20px; display:block;}
.box_ct_content_m li{ display:inline-table; margin:5px;}
.box_ct_content_m li:first-child{ margin-left:0px;}
.box_ct_content_m li:last-child{ margin-right:0px;}
.box_ct_content_m li a{ border:none; background-color:#e54c01; padding:8px 20px; color:#FFFFFF;border-radius: 0px 25px 25px 0px; text-transform:capitalize;}
.box_ct_content_m li a:hover, .box_ct_content_m li.active a{ text-decoration:none; background-color:#EB258F;}
.box_ct_content_m li a svg{ margin-right:10px;}
.box_ct_content .box_ct_content_tk{ margin-bottom:20px;}
.box_ct_content .box_ct_content_tk li{ display:inline-table; margin-right:20px;}
.box_ct_content .f-detail{ padding-top:20px;}
.box_ct_content_khac{ margin-top:20px;}
.bct_khac_h3{ margin-bottom:28px; font-size:28px; color:#56509F; text-transform:capitalize; border-bottom:solid 2px #EB258F; display:inline-block;}
.box_ct_content_khac ul li{ display:block; margin-bottom:10px; margin-left:20px;}
.box_ct_content_khac ul li svg{ margin-right:10px; color:#EB258F; font-size:14px;}
.box_ct_content_khac ul li a:hover{ color:#EB258F; text-decoration:none;}
.box_ct_content_cc_h2{ font-size:24px; margin-bottom:20px;}
.box_ct_content_cc_h3{ font-style:italic;}


.box_news2 ul{ text-align:center;}
.box_news2 ul li{ display:inline-table; width:23%; margin:0% 2% 2% 0%;}
.box_news2 ul li:nth-child(4n){ margin-right:0px;}
.box_news2 ul li a{ text-decoration:none;}
.box_news2 ul li figure{height:200px; border-radius: 25px;}
.box_news2 ul li figure img{ width:100%; height:100%; border-radius: 25px;}

/*/////Thực đơn//////*/

.box_thucdon h3{ margin-bottom:10px;}
.content_text_loc{ text-align:center;}
.list_loc{ border:solid 1px #CCCCCC; width:60px; padding:2px 0px;margin-bottom:10px;}
.nut_table {
    padding: 3px 10px;
    text-align: center;
    color: #FFF;
    background-color: #DD127B;
    cursor: pointer;
    display: inline-block;
    border: solid 1px #DD127B;
    margin-bottom: 10px;
}
.nut_table:hover{ opacity:0.8;}
.box_thucdon .khung_tr{ 
	margin-bottom:20px;
	border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #EB258F;
}
.box_thucdon .khung_tr tr td{border: 1px solid #EB258F;}
.box_thucdon .khung_tr tr.title td{ background-color:#EB258F; color:#FFFFFF; padding:5px; font-weight:bold; text-transform:uppercase;}

/*/////Form//////*/

.f_contact{overflow:hidden;padding:5px 20px 20px 20px;background-color:#fff}
.l_fct{float:left;width:50%;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px}
.l_fct .ol1_foot_1>li{ margin-bottom:10px;}
.l_fct .ol1_foot_1>li svg{ width:30px; color:#EB258F; font-size:14px;}
.l_fct .ol1_foot_1>li>a{color:#1E1E1E}
.l_fct .ol1_foot_1>li>a:hover{ text-decoration:underline; color:#EB258F;}
.l_fct p{ margin-bottom:20px; font-style:italic;}
.l_fct h2{ margin-bottom:20px; font-size:18px;}
.r_fct{float:left;width:50%;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:15px}
.form_fct{padding-top:10px}
.form_fct>li{padding-bottom:20px;position:relative}
.img_capcha{position:absolute;top:0;right:0;height:40px;z-index:1}
.ipt_fct{width:100%;height:40px;border:1px solid #ccc;padding:0 12px;border-radius:2px}
.txt_fct{width:100%;height:100px;min-height:100px;border:1px solid #ccc;padding:10px 12px;resize:none;border-radius:2px}
.ipt_fct:focus,.txt_fct:focus{border-color:#9D1218;color:#000}
.but_fct{color:#fff;text-transform:uppercase;font-weight:600;background:#9D1218;background:linear-gradient(90deg,#9D1218 0,#EC1C24 100%);padding:0 30px;height:40px;border:0;cursor:pointer;border-radius:2px;font-size:13px}
.but_fct:hover{background:#EC1C24}
.map_fct{height:300px; position:relative; display:block; margin-bottom:20px;}
.map_fct iframe{width:100%!important;height:100%!important}
.mask_map{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; cursor:pointer;}


/*/////Card//////*/


@media only screen and (max-width: 1023px) {
	.min_wrap {width:auto; padding:0px 10px;}
	.left{ float:none; clear:both; width:auto !important; margin-left:0px !important;}
	.right{ float:none; clear:both; width:auto !important;}
	.icon_menu_mobile{visibility: visible;}
	.box_top{ display:none;}
	.box_menu{ padding:5px 0px; border-bottom:solid 3px #EB258F;}
	.box_menu_list{ display:none;}
	.box_menu .logo{ position:relative; height:60px;}
	.box_menu .box_button_search{ display:none;}
	.header_fixed .box_menu .logo{ top:5px;}
	.td_h1{ font-size:38px;}
	.padding_top{ padding-top:20px;}
	.padding_bot{ padding-bottom:20px;}
	.margin_top{ margin-top:20px;}
	.margin_bot{ margin-bottom:20px;}
	.box_info .box_info_left ul li{ margin-bottom:20px; min-height:40px;}
	.box_dangkyhoc{ padding:30px 0px;}
	.box_ct_header h1{ font-size:30px;}
	.box_ct_header{ height:auto; min-height:160px;}
	.box_ct_content_m li a{padding: 8px 10px;}
	.box_sukien{ min-height:inherit; padding-bottom:30px;}
	.box_video .box_video_right{ margin-top:20px;}
	.pop_tt_lp{ width:90%;}
}
@media only screen and (max-width: 800px) {
	.box_footer ul li.box_footer_li{ width:auto; display:block; margin-bottom:20px;}
	.box_footer ul li.box_footer3 ul li figure{ height:150px;}
}
@media only screen and (max-width: 767px) {
	.box_dangkyhoc .box_dangkyhoc_left h1{ text-align:center;}
	.box_dangkyhoc .box_dangkyhoc_right{ text-align:center; margin-top:20px;}
	.box_dangkyhoc .box_dangkyhoc_right a{ position:relative;}
	
	.box_giaotrinh .box_giaotrinh_right ul li{ display:block; width:auto;}
	.box_giaotrinh .box_giaotrinh_right{ padding:10px;}
	.box_news ul li figure{ height:150px;}
	.l_fct{ float:none; clear:both; width:auto; margin-bottom:20px;}
	.r_fct{ float:none; clear:both; width:auto;}
}
@media only screen and (max-width: 640px) {
	.box_news2 ul li{ width:31%;}
	.box_news2 ul li:nth-child(4n){ margin-right:2%;}
	.box_news2 ul li:nth-child(3n){ margin-right:0px;}
}
@media only screen and (max-width: 520px) {
	.box_sukien ul li b{ font-size:36px;padding: 20px 0px 5px 0px;}
	.box_ct_content_m{ display:none;}
}
@media only screen and (max-width: 519px) {
	.box_info .box_info_left ul li{ width:auto; float:none !important; clear:both !important; margin-bottom:10px;}
	.box_news ul li figure{ height:100px;}
	.box_footer ul li.box_footer3 ul li figure{ height:80px;}
}
@media only screen and (max-width: 480px) {
	.box_news ul li{ width:auto;}
	.box_camera ul li{ width:auto; margin-bottom:10px;}
	.box_news ul li figure{ height:250px;}
	.box_camera ul li figure{ height:150px;}
	
	.box_news2 ul li{ width:47%;}
	.box_news2 ul li:nth-child(4n){ margin-right:2%;}
	.box_news2 ul li:nth-child(3n){ margin-right:2%;}
	.box_news2 ul li:nth-child(2n){ margin-right:0px;}
	.box_news2 ul li figure{ height:150px;}
}