@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
*{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; width:auto !important; height: auto !important; max-width: 600px !important; margin:5px 0px; border-radius:5px;}
.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 iframe{ width:100%; height:420px; max-width:600px; display:block; margin:auto;}

.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;}
.PageNum span {font-weight: bold;display: inline-block; padding: 3px 10px; margin: 0px 3px 5px 0px;}

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

.tag {padding: 15px 0 0 0; font-size: 11px; overflow: hidden; line-height: 18px;}
.tag span {color: #939393; padding: 2px 5px 2px 23px; background: #F1F1F1 url(../imgs/layout/icontag.png) no-repeat 5px 5px; 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;}

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

.icon_menu_mobile {visibility: hidden;position: absolute;top: 15px; right: 10px;z-index: 9999;cursor:pointer;font-size:20px;text-align:center; display:block; border:solid 1px #276c00; color:#FFFFFF; font-weight:bold; background-color:#276c00;}
.icon_menu_mobile img{ width:30px; height:30px;}
.icon_menu_mobile div{ font-size:11px; text-transform:uppercase;}
.icon_menu_mobile:hover,.icon_menu_mobile:focus {text-decoration:none; color:#FFFFFF; background-color:#94CD0C; border:solid 1px #94CD0C;}
.menu_mobile {
	visibility: hidden;
	background: #555555;
	width: 280px; height: 100%;
	overflow-y: scroll;
	position:fixed;
	top: 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;
}
.arrown_menu_accordion{background:url(../imgs/layout/arrown_menu_accordion.png) no-repeat center;width:38px;height:38px;position:absolute;top:1px;right:0;cursor:pointer}
.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 {
	width: 50px; height: 42px;
	position: absolute;
	top: 1px; right: 0;
	cursor: pointer;
}
.arrown_icon1{background: url(../imgs/layout/arrown_menu_accordion.png) no-repeat center;}
.arrown_icon2{background: url(../imgs/layout/arrown_menu_accordion2.png) no-repeat center;}

.menu_scrollTop{ position:fixed; right:10px; bottom:10px; padding:5px 10px; border:solid 1px #B9B9B9; background-color:#FFFFFF; color:#292929; font-size:24px; opacity:0.7; display:none;}
.menu_scrollTop:hover{ background-color:#000000; color:#FFFFFF; border:solid 1px #000000; opacity:0.8; display:block;}

/************************************************************************************
CSS WEBSITE
*************************************************************************************/
input, textarea, select {
	font-family: 'Roboto', Helvetica;
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
}
html {height: 100%;}
body {
	font-family: 'Roboto', Helvetica;
	font-weight: 400;
	font-size: 13px;
	color: #1d1d1f;
	background:#FFFFFF;
	line-height: 20px;
	margin: 0 auto;
	line-height:2em;
}
.f-detail, .f-detail-fix {font-family: 'Roboto', Helvetica !important; float:none; clear:both; line-height:2em !important;}
.f-detail-fix p, .f-detail-fix br, .f-detail-fix span, .f-detail-fix div, .f-detail-fix ul, .f-detail-fix li, .f-detail-fix ol, .f-detail-fix i, .f-detail-fix b, .f-detail-fix strong{font-family: 'Roboto', Helvetica !important;  line-height:2em !important;}
.f-detail span, .f-detail p, .f-detail b, .f-detail strong, .f-detail i{ font-size:13px !important;}

.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:40px;}
.margin_bot{ margin-bottom:40px;}
.padding_top{ padding-top:40px;}
.padding_bot{ padding-bottom:40px;}
.box{overflow:hidden;}
.left{ float:left;}
.right{ float:right;}
.cen{margin:auto;}
.div_icon{ width:20px; display:inline-block;}

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

.color_text{ color:#FFFFFF;}
.color_text2{color:#1d1d1f;}
.color_bg{ background-color:#F7F8FA;}

a{color:#1d1d1f; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}

.href{color:#1d1d1f;}
.href a{color:#1d1d1f; text-decoration:none;}
.href a:hover{color:#000000;}

.href_box a{color:#276c00; background-color:#FFFFFF; text-decoration:none; border:solid 1px #FFFFFF;}
.href_box a:hover,.PageNum span{color:#FFFFFF;background-color:#276c00; border:none; border:solid 1px #276c00; text-decoration:none;}

.under_ok{ text-decoration:underline;}
.under_none, .under_none:hover, .under_none a, .under_none a:hover{ text-decoration:none;}

.button{background:#000000; color:#FFFFFF; cursor:pointer; padding:13px 28px; text-align:center; text-transform:uppercase; border:none;}
.button:hover{background:#454545; color:#FFFFFF; text-decoration:none;}
.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px;}
.font_td{font-family: 'Roboto', Helvetica, cursive;}
.h2_td{ font-size:32px; display:block;}
.h3_td{ font-size:18px; display:block;}
.pad_top{ padding-top:60px;}
.pad_bot{ padding-bottom:40px;}
.mr_top20{ margin-top:20px;}
.mr_bot20{ margin-bottom:20px;}

.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//////*/

.header{ border-top:solid 5px #276c00;}
.header .tools{ background-color:#eaeaea;padding: 7px 0 8px;}
.header .tools ul{ text-align:right;}
.header .tools ul li{ display:inline-table; margin-right:10px;}
.header .tools ul li .fa-solid{ color:#276c00; font-size:16px;}
.header .tools ul li .fa-brands{font-size:16px;}
.header .tools ul li a{ text-decoration:none;}
.header .tools ul li a:hover{color:#276c00;}
.header .tools ul li a:hover .fa-solid{color:#94cc0d;}
.header .cen{ width:100%;}
.header .cen h1{ text-transform:uppercase; display:block; text-align:center; font-size:26px; margin-bottom:10px;}
.header .cen .menu_box_logo{ text-align:center; margin:5px 0px;}
.header .cen .menu_box_logo .logo{ display:block;}
.header .cen .menu_box_logo .logo img{ width:250px; height:auto;}

.header .menu{ padding:0px; font-size:15px;}
.ul_mn{ position:relative; text-align:center;}
.ul_mn li{ padding:0px 5px; margin:0px; display:inline-table; position:relative; text-align:left;}
.ul_mn li a{ display:block; padding:10px 20px; text-transform:uppercase; font-weight:bold; color: #276c00;}
.ul_mn li:first-child a{ padding-left:0px;}
.ul_mn li:last-child a{ padding-right:0px;}
.ul_mn > li.active > a, .ul_mn > li:hover > a { display:block; text-decoration:none; color:#72a103;}
.ul_mn > li:hover > ul.mn_child_01 {visibility: visible; z-index: 999999; opacity: 1; top: 40px;color:#E5312C;}
.ul_mn > li > ul.mn_child_01 {
	visibility: hidden;
	opacity: 0;
	position: absolute; z-index:999999;
	left: 0px; top: 20px;
	background:#FFFFFF;
	border:solid 1px #ECECEC;
	
	box-shadow: 0 3px 10px hsl(0, 0%, 30%);
    -moz-box-shadow: 0 3px 10px hsl(0, 0%, 30%);
    -webkit-box-shadow: 0 3px 10px hsl(0, 0%, 30%);
	
	-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;
}
.ul_mn > 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;
}
.ul_mn > 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;
}
.ul_mn > li > ul.mn_child_01 > li {position: relative; padding:0px; margin:0px; display:inherit; float:none; clear:both; font-size:14px;}
.ul_mn > 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;
}
.ul_mn > li > ul.mn_child_01 > li:hover > a {background:#276c00; color: #fff; text-decoration:none;}
.ul_mn > 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;
}
.ul_mn > 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;
}
.roll_menu {
	border-top:solid 2px #276c00;
	border-bottom:solid 1px #E1E1E1;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 111;
    -webkit-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;
    background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.roll_menu .menu_box_logo{ display:inline-block; height:auto; width:auto; float:left;}
.roll_menu .menu_box_logo img{ height:40px !important; width:auto !important;}
.roll_menu .ul_mn{ display:inline-block; text-align:left; float:right; margin-top:5px; margin-left:30px;}

.container{ float:none; clear:both;}
.swiper-container {visibility: hidden;}
.swiper-container.swiper-container-initialized {visibility: visible;}
.swiper1 .swiper-slide{ height:600px; background-color: #999;}
.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: #276c00; width: 18px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.swiper-button-next, .swiper-button-prev{ color:#276c00 !important; opacity:0.3;}
.swiper-button_b:hover{ opacity:10;}

.con_gioithieu{overflow:hidden; float:none; clear:both;}
.con_gioithieu h2{ text-transform:uppercase;}
.con_gioithieu .left{ width:35%;}
.con_gioithieu .left .figure{ width:100%; height:280px; border-radius: 50px 0px 50px 0px;}
.con_gioithieu .left img{ width:100%; height:100%;}
.con_gioithieu .right{ width:60%;}
.con_gioithieu .right .f-detail-fix{ text-align:justify;}
.tit1_st{
    text-transform: uppercase;
    color: #276c01;
    font-weight: 500;
    padding-left: 40px;
    position: relative;
    font-size: 16px;
}
.tit1_st::before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #276c01;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotateY(-50%);
    -ms-transform: rotateY(-50%);
    -o-transform: rotateY(-50%);
    transform: rotateY(-50%);
}

.con_dichvu{background:url(../imgs/layout/img-demo/bg_dv.jpg) no-repeat; background-position:center; overflow:hidden;}
.con_dichvu .con_dichvu_text{background-color: rgba(39,108,1,0.9); max-width:1000px; margin:150px auto; position:relative; text-align:center; padding:40px 20px; color:#FFFFFF;}
.con_dichvu .con_dichvu_text h2{ text-transform:uppercase;}
.con_dichvu_list ul li{ display:inline-table; width:28%; padding:10px; margin-right:3%; background-color: rgba(114,160,4,0.5); border-radius:5px; min-height:180px;}
.con_dichvu_list ul li:last-child{ margin-right:0px;}
.con_dichvu_list ul li a{color:#FFFFFF; text-decoration:none;}
.con_dichvu_list ul li a:hover{ text-decoration:none;}
.con_dichvu_list ul li:hover{ background-color: rgba(3,85,8,0.7);}
.con_dichvu_list ul li h3{ text-transform:capitalize;}
.con_dichvu_list ul li div{font-size:36px; padding:10px 0px;}

.con_contrinh h2{ text-align:center; text-transform:uppercase;}
.swiper5 .swiper-slide{width:370px}
.swiper5 .img_ti_lp{border-radius:2px;background-color:#276c01;padding:5px;position:relative;height:240px}
.swiper5 .img_ti_lp img{display:block;width:100%;height:100%}
.swiper5 .img_ti_lp img:hover{opacity:.9}
.swiper5 .img_ti_lp figcaption{position:absolute;bottom:5px;right:5px;left:5px;z-index:1;text-align:center;font-size:16px;font-weight:500;text-transform:uppercase;color:#fff;padding:10px;background-color:rgba(0,0,0,.5)}
.con_doitac .h2_td{ text-align:center; text-transform:uppercase;}
.swiper3 .swiper-slide{ text-align:center; width:200px;}
.swiper3 .swiper-slide figure img{ width:100%; height:100%;}

.con_taisao{
	padding: 60px 0 50px 0;
    background: #357739 url(../imgs/layout/bg_ts.jpg) no-repeat center bottom;
    background-size: 100% auto;
    min-height: 371px;
    position: relative;
	overflow:hidden;
}
.con_taisao .left{ width:60%;color:#FFFFFF;}
.con_taisao .left h2{ text-transform:uppercase;}
.con_taisao .left h3 i{ font-size:28px;margin-right:5px;}
.con_taisao .left ul li{ margin-bottom:10px; text-align:justify;}
.con_taisao .left ul li p{margin-left:40px; margin-top:5px;}
.con_taisao .right{ width:30%;}
.con_taisao .right img{ width:100%; height:auto; padding-top:70px;}

.news_h{padding:60px 0 30px 0}
.news_h h2{ text-align:center;text-transform:uppercase;}
.news_h .list_news{padding-top:20px}
.list_news{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center;margin:0 -15px}
.list_news>li{width:360px;position:relative;margin-bottom:30px;padding:0 15px}
.list_news a:hover{color:#276c01; text-decoration:none;}
.img_news{height:240px}
.img_news img{display:block;width:100%;height:100%;background-color:#eee;border-radius:5px}
.in_news {
    background-color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 15px 20px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.n_news{font-size:15px;padding:15px 0 0 0;margin-bottom:15px;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px}
.n_news:hover{color:#077e3f; text-decoration:none;}
.if_news{position:relative;border-top:1px solid #eaeaea;padding:0;line-height:40px;font-size:12px;color:#888;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}
.if_news::before{content:"";width:40px;height:3px;background-color:#276c01;position:absolute;top:-3px;left:0}
.if_news .fa-arrow-right{font-size:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;right:0}
.list_news>li :hover .fa-arrow-right{color:#276c01;right:-5px; text-decoration:none;}
.in_news {
    background-color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 15px 20px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.other_D .h_t_cont{text-transform:uppercase}
.ul_share_social{text-align:center;padding-top:40px;line-height:20px}
.ul_share_social>li{display:inline-block}

.list_news2{ text-align:center;}
.list_news2 li{overflow:hidden; margin-bottom:10px; padding-bottom:10px; display:inline-table; width:46%; text-align:left; border:solid 1px #ECECEC; padding:10px; margin-right:2%; margin-bottom:2%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0px 1px 1px 0 rgb(0 0 0 / 18%);
-moz-box-shadow: 0px 1px 1px 0 rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 1px 1px 0 rgb(0 0 0 / 18%);
cursor:pointer;
}
.list_news2 li:nth-child(2n){ margin-right:0px;}
.list_news2 li .img_news{width:150px; height:120px; float:left;}
.list_news2 li .in_news{ padding:0px; margin:0px; margin-top:20px; float:left; display:contents;}
.list_news2 li .in_news .in_news_b{ padding-left:160px;}
.list_news2 li .in_news h3{ font-size:14px; text-transform:uppercase; margin-bottom:10px;}
.list_news2 li .in_news .in_news_date{ color:#575757;}
.list_news2 li a{ color:#000000;}
.list_news2 li a:hover{color:#276c00 !important; text-decoration:none !important;}

#footer{line-height:21px;background:#2b6a05 repeat;color:#fff; border-top:solid 3px #cbe140;}
#footer a:hover{color:#cbe140;}
.foot_1{padding:40px 0}
.foot_1 a{color:#FFFFFF;}
.ul_foot_1{overflow:hidden;margin:0 -15px}
.ul_foot_1>li{float:left;width:33.33333%;min-height:1px;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.t_foot_1{text-transform:uppercase;font-size:17px;font-weight:600;line-height:23px;color:#fff;position:relative;padding:10px 0}
.t_foot_1::before{content:"";width:50px;height:3px;background-color:#cbe140;position:absolute;bottom:0;left:0;z-index:1}
.m_foot_1{padding-top:20px}
.ol1_foot_1>li{padding-bottom:20px}
.ol1_foot_1>li:last-child{padding-bottom:0}
.ol1_foot_1>li strong{display:block;padding-bottom:5px}
.ol1_foot_1>li p{padding:0}
.ol2_foot_1{overflow:hidden}
.ol2_foot_1>li{float:left;min-height:1px;width:48.5%}
.ol2_foot_1>li:nth-child(2n){float:right}
.ol3_foot_3>li{padding-bottom:5px}
.ol3_foot_3>li>a{display:inline-block;position:relative;padding-left:10px}
.ol3_foot_3>li>a::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f105";position:absolute;top:0;left:0}.note_foot_1{padding:15px 0 0 0}
.note_foot_1 i{margin-right:3px}
.foot_2{background-color:#045109;color:#FFFFFF;text-align:center}
.foot_2 .min_wrap{padding:10px 0}
.foot_2 a{color:rgba(255,255,255,.8)}
.t_foot_text{ margin-top:20px;}
.ol1_foot_dvi{ float:none; clear:both; margin-top:30px; padding-top:30px; border-top:dotted 1px #cbe140;}
.ol1_foot_dvi ul li{ display:inline-table; width:30%; margin-right:3%;}
.ol1_foot_dvi ul li:last-child{ margin-right:0px;}
.ol1_foot_dvi ul li p{ margin-top:10px;}


.bg_cont{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;height:180px;color:#fff;background:#357739 url(../imgs/layout/bg_td_in.jpg) no-repeat;background-size:cover;position:relative}
.sty_bg_cont{height:140px;padding-bottom:40px}
.h_cont{text-transform:uppercase;font-size:24px;line-height:24px}
.ul_breacrum{font-size:13px;color:#94cd0c}
.ul_breacrum>li{display:inline-block}
.ul_breacrum>li::after{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f105";margin:0 3px;position:relative;top:2}.ul_breacrum>li:last-child::after{display:none}
.ul_breacrum>li>a{color:#94cd0c}
.ul_breacrum>li>a:hover{color:#fff; text-decoration:none;}
.sub_mn_child{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;height:40px;border-top:1px solid rgba(255,255,255,.3);justify-content:center;position:absolute;bottom:0;left:0;right:0;white-space:nowrap}
.sub_mn_child>li{position:relative}
.sub_mn_child>li>a{line-height:40px;display:block;text-transform:capitalize;color:#fff;padding:0 15px}
.sub_mn_child>li:hover .icon_sub_mn_child,.sub_mn_child>li>a:hover{background-color:rgba(114,200,241,.15); text-decoration:none;}
.sub_mn_child>li.active>a{font-weight:600;background-color:rgba(114,200,241,.3)}
.icon_sub_mn_child{cursor:pointer;display:block;width:16px;width:24px;text-align:center;line-height:40px}
.sub_mn_child>li:hover .ol_sub_mn_child{display:block}
.ol_sub_mn_child{display:none;position:absolute;top:40px;right:0;z-index:12;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);padding:5px 0}
.ol_sub_mn_child>li>a{display:block;color:#333;white-space:nowrap;padding:5px 10px}
.ol_sub_mn_child>li>a:hover{color:#fff;background-color:#72c8f1}
.f_page_D{padding:40px 0 60px 0}
.list_da>li,.list_news>li{width:270px}
.img_news{height:200px}
.date_news{padding:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding-top:7px;flex-direction:column;text-align:center;color:#fff;width:50px;height:43px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;background-color:#276c00;font-size:15px;line-height:15px;position:absolute;top:0px;right:35px;z-index:1}
.date_news strong{font-weight:500}
.t_cont{text-align:center;padding-bottom:44px;}
.t_cont strong{text-transform:uppercase;color:#194893;display:block}
.h_t_cont{text-transform:capitalize;font-size:24px;color:#000;line-height:30px}

/*////////////////////////*/

.f_contact {padding-top: 40px; overflow:hidden;}
.fc_1 {width: 48%;}
.fc_2 {width: 48%; padding-bottom:20px;}
.ul_ct > li {margin-bottom: 10px; position: relative;}
.ul_ct > li label{ margin-bottom:5px; font-weight:bold; display:block;}
.ipt_ct {border: 1px solid #ccc;width: 100%; height: 34px; padding: 0 10px; color: #777;}
.txt_ct {border: 1px solid #ccc;width: 100%; height: 50px;padding: 10px;color: #777;resize:none;}
.ipt_ct:focus, .txt_ct:focus {border: 1px solid #bbb; color: #333;}
.t_fc_1 {padding-bottom: 10px; font-weight: 700; font-size: 18px; line-height: 24px;}
.ul_m_fc_1{ margin-left:20px;}
.ul_m_fc_1 > li {padding: 10px 0; overflow: hidden;}

.map_ct{background-color:#ddd;height:300px;position: relative;}
.map_ct iframe{width:100%!important;height:100%!important}
.mask_map {background: rgba(0,0,0,0); z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.f_contact{padding:30px 0}
.f_contact a{color:#000000;}
.f_contact a:hover{ color:#cb615a; text-decoration:none;}
.l_f_contact{min-height:1px;width:47%}
.r_f_contact{min-height:1px;width:47%}
.t_f_page{ font-weight:bold; font-size:16px; text-transform:capitalize;}
.td_f_contact{padding:20px 0 10px;font-weight:700}
.ul_form{padding-top:20px;margin:0 -10px}
.ul_form > li{float:left;min-height:1px;width:50%;position:relative;margin-bottom:20px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ul_form > li.li_full_form{width:100%;clear:both;float:none}
.txt_ul_form{width:100%;height:38px;border:1px solid #ddd;padding:0 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.tarea_ul_form{width:100%;min-height:80px;border:1px solid #ddd;padding:10px 15px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important;resize:vertical}
.txt_ul_form:focus,.tarea_ul_form:focus{border:1px solid #333}
.slec_ul_form{width:100%;height:38px;border:1px solid #ddd;padding:0 38px 0 15px;background:url(../imgs/icon_1.png) no-repeat center right 15px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important}
.capcha_ul_form{position:absolute;top:0;right:10px;display:inline-block;width:auto;height:38px;z-index:1;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}
.but_ul_form{color:#fff;text-transform:uppercase;font-weight:700;font-size:14px;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important;height:40px;padding:0 20px;border:0;cursor:pointer;background-color:#276c00;-webkit-transition:ease .2s;-moz-transition:ease .2s;-ms-transition:ease .2s;-o-transition:ease .2s;transition:ease .2s}
.but_ul_form:hover, .but_ul_form:active{ opacity:0.8;}
.ol1_foot_dvi2{ margin-top:20px;}
.ol1_foot_dvi2 li p{ margin-top:5px;}

.other_D{ float:none; clear:none; margin-top:40px;}
.box_ct_dp_slider .swiper4{ width:100%; height:auto;}
.box_ct_dp_slider .swiper4 img{ width:100%; height:100%;}
.box_ct_dp_slider .note_slide_prod_D{ text-align:center; overflow:hidden; margin-top:20px;}


@media only screen and (max-width: 1023px) {
	.min_wrap {width:auto; padding:10px 10px;}
	.padding_bot{ padding-bottom:10px;}
	.padding_top{ padding-top:10px;}
	.margin_bot{ margin-bottom:10px;}
	.margin_top{ margin-top:10px;}
}

@media only screen and (max-width: 960px) {
	.f-detail img{ width:100% !important; height:auto !important; max-width:inherit !important; margin:10px auto;}
	.con_taisao .right img{padding-top: 50%;}
	.list_da>li, .list_news>li{width: 21%;}
	.img_news{ height:150px;}
}

@media only screen and (max-width: 800px) {
	.ul_mn li a{padding: 10px 7px;}
	.con_gioithieu .left .figure{ height:390px;}
	.con_dichvu_list ul li{ min-height:220px;}
	.list_da>li, .list_news>li{ width:44%;}
	.img_news{ height:240px;}
	.list_news2 li{ width:auto; margin-right:0px; float:none; clear:both;}
}

@media only screen and (max-width: 768px) {
	.con_gioithieu .left .figure{ height:420px;}
	.roll_menu .ul_mn{ display:none;}
	.roll_menu .icon_menu_mobile{visibility: visible;top:10px;}
	.menu .min_wrap{ padding:0px 10px;}
	.swiper1 .swiper-slide{ height:auto;}
}

@media only screen and (max-width: 640px) {
	.ul_mn li{padding: 0px 3px;}
	.swiper1 .swiper-slide{ height:auto;}
	.con_gioithieu .left{ display:none;}
	.con_gioithieu .right{ width:auto; float:none; clear:both;}
	.con_dichvu .con_dichvu_text{ margin:0px;}
	.pad_top{ padding-top:15px;}
	.pad_bot{ padding-bottom:15px;}
	.con_dichvu_list ul li{ width:27%; min-height:240px;}
	.con_taisao .left{ float:none; clear:both; width:auto;}
	.con_taisao .right{ float:none; clear:both; width:auto;}
	.con_taisao .right img{ padding-top:10px;}
	.foot_1{ padding:20px 0px;}
	.ul_foot_1>li{ width:auto; float:none; clear:both;}
	.ul_foot_1 li:nth-child(2){ display:none;}
	.ul_foot_1 li:nth-child(3){ display:none;}
}

@media only screen and (max-width: 520px) {
	.f-detail-fix iframe{ width:100% !important; height:350px !important;}
	.f-detail iframe{ width:100%; height:300px;}
	.icon_menu_mobile{visibility: visible;top:10px;}
	.ul_mn{ display:none;}
	.header .tools{overflow-x: scroll;}
	.header .tools ul{ width:600px;}
	.ol1_foot_dvi ul li{ width:auto; display:block; margin-bottom:10px;}
}

@media only screen and (max-width: 480px) {
	.con_dichvu_list ul li{ width:auto; display:block; margin-bottom:20px; min-height:inherit;}
	.list_da>li, .list_news>li{ width:auto;}
	.l_f_contact{ float:none; clear:both; width:auto; margin-bottom:20px;}
	.r_f_contact{ float:none; clear:both; width:auto;}
}
@media only screen and (max-width: 360px) {
	.f-detail iframe{ width:100%; height:250px;}
	.list_news2 li .img_news{ width:auto; float:none; clear:both; margin-bottom:10px;}
	.list_news2 li .in_news{width:auto; float:none; clear:both;}
	.list_news2 li .in_news .in_news_b{ padding:0px;}
}