@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-BlackItalic.woff2") format("woff2"),
		url("../fonts2/Roboto-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Bold.woff2") format("woff2"),
		url("../fonts2/Roboto-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Black.woff2") format("woff2"),
		url("../fonts2/Roboto-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-LightItalic.woff2") format("woff2"),
		url("../fonts2/Roboto-LightItalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Light.woff2") format("woff2"),
		url("../fonts2/Roboto-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-MediumItalic.woff2") format("woff2"),
		url("../fonts2/Roboto-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-BoldItalic.woff2") format("woff2"),
		url("../fonts2/Roboto-BoldItalic.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Medium.woff2") format("woff2"),
		url("../fonts2/Roboto-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Italic.woff2") format("woff2"),
		url("../fonts2/Roboto-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-ThinItalic.woff2") format("woff2"),
		url("../fonts2/Roboto-ThinItalic.woff") format("woff");
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Regular.woff2") format("woff2"),
		url("../fonts2/Roboto-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Roboto";
	src: url("../fonts2/Roboto-Thin.woff2") format("woff2"),
		url("../fonts2/Roboto-Thin.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "HyundaiSansVN";
	src: url("../fonts/HyundaiSansVNTextOffice-Regular.ttf") format("woff");
	font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "HyundaiSansVNBold";
	src: url("../fonts/HyundaiSansVNTextOffice-Bold.ttf") format("woff");
	font-weight: normal;
    font-style: normal;
}
body{ color: #000;
	font-family: myFont2/*-apple-system, BlinkMacSystemFont, "Roboto", sans-serif*/;
	font-size: 16px;
	font-weight: normal;
	max-width: 100%;
	overflow-x: hidden;
	line-height: 1.5; }
.text_new_fonts{
    color: #000;
	font-family: myFont2/*-apple-system, BlinkMacSystemFont, "Roboto", sans-serif*/;
	font-size: 16px;
	font-weight: normal;
	max-width: 100%;
	overflow-x: hidden;
	line-height: 1.5;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: myFont2/*-apple-system, BlinkMacSystemFont, "Roboto", sans-serif*/; }
.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a{ font-family: myfont2!important;font-weight: bold;color:#000!important;}
.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li{ margin: 0 25px!important; }
.header .header-wrapper .logo-box .logo{  max-width: 100%!important;width: 100%!important;display:block; }
.header .header-wrapper .logo-box .logo a{ max-width:auto!important; }
.header .header-wrapper .logo-box .logo img{ height:83px;/*height:55px;*/margin-bottom:15px;margin-left: 10px; }
.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a{ width: 280px;text-transform: none!important; }
.banner_title{ color:#fff!important; }
.banner-caption p{ color:#fff!important; }
.modal-dialog.modal-notify .heading{margin: 0;padding: .3rem;font-size: 1.35rem !important;text-align: left;float: left;color: #fff}.close{color:#fff}.modal-dialog.modal-notify .close{opacity: 1}.close:not(:disabled):not(.disabled){cursor: pointer}.modal-header .close{padding: 1rem;margin: -1rem -1rem -1rem auto}.modal-dialog .modal-content{border: 0;border-radius: .125rem}.modal-dialog.modal-notify.modal-info .modal-header{background-color: #33b5e5}.modal-dialog.modal-notify .modal-body{padding: 1.5rem;color: #616161}.modal-footer{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding: 1rem;border-top: 1px solid #e9ecef}.modal-dialog.modal-notify .heading{margin: 0;padding: .3rem;font-size: 1.15rem;color: #fff}
.mark_home { position: absolute;color: #fff;font-weight: bold;left: 10px;top: 15px;font-family: arial;font-size: 14px;text-align: center;width: 50px;line-height: 15px; }
.mgbt20 { margin-bottom: 20px; }
.space_top { width: 100%;height: 20px;clear: both; }
.tttop1tin .ttimg101 { float: left;width: 517px;height: auto; }
.tttop1tin .ttimg101 img {
    width: 100%;
    height: 306px;
    border-radius: 5px;
}
.tttop2tin {
    float: right;
    width: 340px;
    float: right;
    height: auto;
    min-height: 298px;
}
.tttop1tin .tttop2tin p span {
    color: #9f9f9f;
    font-family: myFont2;
    font-size: 13px;
    padding-bottom: 3px;
    display: block;
}
.tttop1tin .tttop2tin i {
    color: #49a862!important;
    margin-right: 9px;
}

.tttdl { margin-bottom: 0px;height:73px;overflow:hidden; }
.tttdl a{ font-family: myFont2;font-size: 16px;font-weight: bold; }
.tttdl a:hover{ color:#49a862!important; }
.tttop2tin .dddyh{ font-family: myFont2;font-size: 14px; }
.box-detail { width: 100%;height: 35px;line-height: 35px;margin-top: 10px;margin-bottom: 10px;padding-left: 10px;padding-right: 10px; }
.box-detail a { display: block;border: solid 1px #49a862!important;color: #fff!important;border-radius: 5px;width: 108px;text-align: center;background-color: #49a862!important;float: right; }
.box-time{ float:left; }
.box-time span{ color: #bbb;font-size: 14px; }
.hh30 { height: 30px;width: 100%;clear: both; }
@media only screen and (min-width: 320px) and (max-width: 736px)
{
    .header .header-wrapper .logo-box .logo a img, .header .header-wrapper .logo-box .logo a .logo-img{ width:100%!important;max-width:100%!important; }
    .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a{ color:#fff!important; }
    .header .header-wrapper .logo-box .logo img{ height:auto;margin-top:10px; }
    .top-link .loginbtn span:not(.fa){ display:block!important; }
    header.header{ height: 133px!important; }
    .search-box-main{ display:none!important; }
    .hh30 { height: 10px; }
    .nnbody{ margin-top: 45px; }
    .main_title_mb{ font-size:19px!important;font-family: myfont2!important; }
}
.hhhlist { width: 100%;height: auto;clear: both; }
.hhhlist .ddikh { width: 251px;height: auto;float: left; }
.hhhlist .ddikh img { width: 100%;height: 148px; }
.hhhlist .ddimj { font-family: myFont2;font-size: 14px;float: right;width: 605px; }
.hhhlist .hhuyo p span { color: #9f9f9f;font-family: myFont2;font-size: 13px;padding-bottom: 3px;display: block; }
.hhhlist .hhuyo i { color: #49a862!important;margin-right: 9px; }
.hhhlist .hhuyo a { font-size: 16px;font-family: myFont2;font-weight: bold; }
.hh25 { height: 25px;width: 100%;clear: both; }
.waptintucpage h1.newsh1 { width: 100%;text-align: left;color: #49a862 !important;font-family: myFont2;font-size: 32px;font-weight: bold; }
.row-u2 {
    width: 100%;
    height: auto;
    clear: both;
}
.titleright {
    width: 100%;
    height: 46px;
    clear: both;
    line-height: 46px;
}
.titleright img {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    float: left;
    margin-top: 17px;
}
.titleright a {
    float: left;
    font-family: myFont2;
    font-size: 16px;
}
.boxright {
    width: 100%;
}
.box3uh {
    position: relative;
    float: left;
    width: 100%;
}
.box4ud {
    position: absolute;
    float: left;
    width: 100%;
    background: url(images/rec514.png) repeat-x top left;
    min-height: 138px;
    bottom: -40px;
}
.box5u {
    position: absolute;
    float: left;
    width: 100%;
    padding: 0 5px;
    top: -40px;
}
.box5u ul {
    list-style-type: none;
}
.box5u ul li {
    border-bottom: solid 1px #9f9f9f;
    padding: 12px 0;
}
.box5u p {
    margin: 0px;
    padding: 0px;
}
.box5u span {
    color: #9f9f9f;
    font-family: myFont2;
    font-size: 13px;
    padding-bottom: 3px;
    display: block;
}
.box5u p i {
    color: #49a862!important;
    margin-right: 9px;
}
.nnrightwapper {
    width: 100%;
    height: auto;
    clear: both;
    padding-left: 15px;
}
.nnbody_right ul{ margin: 0px;padding: 0px;list-style-type: none; }
.nnbody_right ul li { min-height: 100px;border-bottom: solid 1px #ccc;display: block;padding:0px;margin:0px; }
.nnbody_right ul li::before{ width:0px;height:0px;overflow:hidden; }
.nnbody_right .nnwapper { display: block;width: 100%;height: auto;padding: 10px 0;min-height: 110px;overflow: hidden; }
.nnbody_right .nnimgleft{ float: left; }
.nnbody_right .nnimgleft img.nnrrimg{ width: 100%;border-radius: 5px; }
.nnbody_right .mnccright{ float: right;width: 100%; }
.nnbody_right .mnccright span { color: #9f9f9f;font-family: myFont2;font-size: 13px;padding-bottom: 3px;display: block; }
.nnbody_right .mnccright a { float: left;height: auto;overflow: hidden;font-family: myFont2;font-weight: bold; }
.box5u p{ border-bottom: solid 1px #9f9f9f;padding: 12px 0;font-family: myFont2; }
.seemore {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.box5u span {
    color: #9f9f9f;
    font-family: myFont2;
    font-size: 13px;
    padding-bottom: 3px;
    display: block;
}
.seemore a {
    color: #707070;
    text-transform: uppercase;
}
.cl22{ width: 100%;height: 20px;clear: both; }
.nntitle{ height: 40px;line-height: 40px;border-bottom: solid 1px #ccc;color: #999; }
.nntitle ul{ margin:0px;padding:0px; }
.nntitle ul li { float: left;padding: 0px 10px 0 0; }
.nntitle a { color: #999; }
.nntitle .activenns { width: 350px;text-overflow: ellipsis;white-space: nowrap;display: block;overflow: hidden; }
.text_right { text-align: right; }
.nnunder { height: 50px;line-height: 45px;display: flex;color: #999;width:100%;text-align:left;padding:10px 0;margin:0px; }
.nnunder i{ font-size: 18px;margin-right: 10px; }
.bg-news-spec{ background-color:#f9f9f9;padding-bottom: 5px; }
.box-hdh{ width:100%;margin-bottom:15px; }
.box-hdh .box-title{ padding-left:10px;padding-right:10px;padding-top:10px; }
.box-hdh .box-title a{ font-family: myFont2;font-size: 15px;display: block;height: 44px;overflow: hidden;color: #000;    font-weight: bold; }
.box-hdh .box-img img { width: 100%;height: 215px; }
.box-img-video img{ height: auto;width: 100%; }
.news-details{ width:100%!important; }
.news-content h1{ color: #49a862;font-weight: bold;font-size: 32px; }
.nnbody h1{ color: #000;font-weight: bold;font-size: 18px; }
.news-content p strong,.news-content p b{ font-weight: bold;color:#000!important; }
.news-content p,.nnbody p{ color:#000!important;font-family: myFont2; }
.main_title{ font-size: 30px!important; }
ul.sub3{ position: absolute;float: left;left: 100%;background-color: #404040;top: 0;display:none; }
.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:hover ul.sub3{ display:block; }
.boxlistnews{ border-radius:10px;transition:1s;height:415px;overflow:hidden;padding:10px; }
.boxlistnews .boximgnews{ width:100%;height:222px;overflow:hidden;border-radius:10px; }
.boxlistnews img{ width:100%;height:auto;transition: all .9s ease; }
.boxlistnews:hover{ box-shadow: 0 5px 83px 0 rgba(9,29,62,.15); }
.boxlistnews:hover img{ transform: scale(1.1) rotate(1deg); }
.signin1{ background-color:#49a862!important;margin-top:0px!important;color:#fff!important;border:solid 1px #49a862!important; }
.white-text{ color:#fff!important; }
.close-a{  right: 15px;top: 10px; }