@charset "utf-8";
@import url("reset.css");

body{
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
	font-size: 12px;
	color: #494949;
	background: #fff;
	line-height: 20px;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
}

#wrapper {position: relative; width: 100%;}
.min_wrap {width: 980px; margin: 0 auto;}

/************************************** BEGIN HEADER ************************************/

#header {height: 110px;}

.banner {background: #67a238 url(../imgs/layout/banner.png) no-repeat top center;}
.banner .min_wrap {position: relative; height: 80px;}
.logo {position: absolute; top: 0; left: 0;}
.lang {position: absolute; bottom: 10px; right: 0;}
.lang ul li {float: left; font-size: 11px; font-weight: bold; line-height: 15px;}
.lang ul li + li {border-left: 1px solid #eaffd6;}
.lang ul li a {color: #eaffd6; padding: 0 15px;}
.lang ul li:first-child a {padding-left: 0;}
.lang ul li:last-child a {padding-right: 0;}
.lang ul li a span {padding-left: 30px; display: inline-block;}
.lang ul li.active a {color: #346c05;}
.lang_vn {background: url(../imgs/layout/lang_vn.png) no-repeat left 0;}
.lang_en {background: url(../imgs/layout/lang_en.png) no-repeat left 0;}
.lang_cn {background: url(../imgs/layout/lang_cn.png) no-repeat left 0;}

.nav_menu {
	height: 30px; 
	background: url(../imgs/layout/nav_menu.png) repeat-x;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.nav_menu .min_wrap {position: relative;}

.ul-mn > li {letter-spacing: 0.3px; float: left; position: relative; font-size: 13px;}
.ul-mn > li > a {
	line-height: 30px; 
	color: #eafff1;
	padding: 0 15px;
	display: block;
}
.ul-mn > li.active > a, .ul-mn > li:hover > a {background: url(../imgs/layout/active_mn.png) repeat-x;}
.ul-mn > li:hover > ul.ul_child_1, 
.ul-mn > li > ul.ul_child_1 li:hover ul.ul_child_2, 
.ul-mn > li > ul.ul_child_1 li ul.ul_child_2 li:hover ul.ul_child_3 {display: block;}
.ul-mn > li ul.ul_child_1 {
	display: none;
	position: absolute;
	top: 30px; left: 0;
	width: 160px;
	padding: 5px 0;
	background: #137e35;
	z-index: 1000;
}
.ul-mn > li > ul.ul_child_1 li {position: relative; padding: 0 15px;}
.ul-mn > li > ul.ul_child_1 li a {color: #eafff1; display: block;}
.ul-mn > li > ul.ul_child_1 li:hover a {color: #FF0;}
.ul-mn > li ul.ul_child_2 {
	display: none;
	position: absolute;
	top: -5px; left: 160px;
	width: 160px;
	padding: 5px 0;
	background: #158539;
}
.ul-mn > li > ul.ul_child_1 li ul.ul_child_2 li a {color: #eafff1;}
.ul-mn > li > ul.ul_child_1 li ul.ul_child_2 li:hover a {color: #FF0;}
.ul-mn > li ul.ul_child_3 {
	display: none;
	position: absolute;
	top: -5px; left: 160px;
	width: 160px;
	padding: 5px 0;
	background: #1f9645;
}
.ul-mn > li > ul.ul_child_1 li ul.ul_child_2 li ul.ul_child_3 li a {color: #eafff1;}
.ul-mn > li > ul.ul_child_1 li ul.ul_child_2 li ul.ul_child_3 li:hover a {color: #FF0;}

.search {
	position: absolute;
	top: 5px; right: 0;
	width: 130px; height: 20px;
	background: #0d3e1e;
}
.ipt_s {
	width: 100%; height: 20px;
	padding: 0 8px 0 20px;
	border: none;
	background: #0d3e1e;
	color: #2d934f;
	font-size: 11px;
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
}
.btn_s {
	width: 20px; height: 20px;
	background: url(../imgs/layout/btn_s.png) no-repeat;
	position: absolute;
	top: 0; left: 0;
	cursor: pointer;
	border: none;	
}

/************************************** END HEADER **************************************/

/************************************** BEGIN CONTAINER ************************************/

#container {}

.slider {height: 300px; background: url(../imgs/layout/slider.png) repeat-x bottom;}
.slider .min_wrap .swiper-container {width: 100%; height: 300px;}
.slider .min_wrap .swiper-container .swiper-wrapper, .slide-m .swiper-container .swiper-wrapper .swiper-slide {}
.slider .min_wrap .swiper-container .swiper-wrapper .swiper-slide img {width: 100%; height: 300px;}

.f_ct {background: url(../imgs/layout/f_ct.png) repeat-x top; padding: 8px 0 40px 0;}
.content {width: 650px; float: left; background: url(../imgs/layout/content.png) no-repeat top right; padding-right: 30px; min-height: 500px;}
.sidebar {width: 300px; float: right; background: #fff; min-height: 200px;}

.block_img ul li {padding-top: 20px; width: 310px; margin-right: 30px; float: left; text-align: center;}
.block_img ul li:nth-child(2n) {margin-right: 0;}
.block_img ul li h4 {border: 3px solid #107230;}
.block_img ul li h4 img {width: 100%; height: 92px;}
.block_img ul li:hover h4 img {opacity: 0.8;}
.block_img ul li p {padding: 10px 0 0 0; text-transform: uppercase; letter-spacing: 0.3px;}
.block_img ul li p a {color: #333;}
.block_img ul li:hover p a {color: #0c7230;}

.block_spm {margin: 30px 0;}
.t_spm {height: 30px; position: relative; background: #148539; font-weight: normal;}
.t_spm span {
	position: absolute;
	top: -10px; right: 0; left: 0;
	margin: 0 auto;
	width: 198px; height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background: url(../imgs/layout/t_spm.png) no-repeat;
}
.m_spm ul li {float: left; width: 200px; margin: 25px 25px 0 0; text-align: center; letter-spacing: 0.3px;}
.m_spm ul li:nth-child(3n) {margin-right: 0;}
.m_spm ul li .img_spm {
	border: 3px solid #b4e28d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width: 194px; height: 139px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
.m_spm ul li:hover .img_spm {border: 3px solid #107230;}
.m_spm ul li .img_spm img {max-width: 194px; max-height: 139px;}
.m_spm ul li .name_spm {padding: 10px 0 0 0;}
.m_spm ul li .name_spm a {color: #333;}
.m_spm ul li:hover .name_spm a {color: #0c7230;}

.t_sb {font-size: 18px; color: #0c7230; padding: 15px 15px 10px 15px;}
.m_sb {padding: 0 15px;}

.t_accordion {
	font-size: 12px; 
	color: #494949; 
	background: url(../imgs/layout/t_accordion.png) no-repeat left 7px; 
	padding-left: 15px;
	cursor: pointer;
	display: block;
}
.t_accordion a {zoom: 1;}
.t_accordion.ui-accordion-header-active {font-weight: bold; color: #0c7230;}
.t_accordion#active {font-weight: bold; color: #0c7230;}
.t_accordion:hover {color: #0c7230;}
.m_accordion {margin-left: 10px;}
.m_accordion .t_accordion {background: url(../imgs/layout/ul_accordion_1.png) no-repeat left 7px;}
.ul_accordion_1 {margin-left: 15px;}
.ul_accordion_1 li a {color: #494949; padding-left: 15px; background: url(../imgs/layout/ul_accordion_2.png) no-repeat left 4px;}
.ul_accordion_1 li a:hover {color: #0c7230; text-decoration: underline;}
.ul_accordion_1 li a#active {color: #0c7230; text-decoration: underline;}

.t_Detaisl {color: #0c7230; font-size: 18px; padding: 15px 0 10px 0;}

.name_cpn {text-transform: uppercase;}
.info_cpn li {background: url(../imgs/layout/t_accordion.png) no-repeat left 7px; padding-left: 15px; font-size: 12px;}
.info_cpn li a {color: #0c7230;}
.info_cpn li a:hover {text-decoration: underline;}

.f_map {background: #fff; padding: 5px;}
#map_show {width: 100%; height: 240px;}
#map_content {text-align: center; width: 200px; font-size: 11px; line-height: 16px;}
#map_content img{}

.m_iCon {margin-top: 20px;}
.m_iCon .error-sty {margin-top: 10px;}
.form-contact li + li {padding-top: 10px;}
.form-contact li .txt-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
	width: 100%;
	padding: 8px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.form-contact li .tArea-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
	width: 100%; min-width: 100%; max-width: 100%;
	min-height: 150px; height: 150px;
	padding: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.form-contact li .txt-contact:focus, .form-contact li .tArea-contact:focus {
	border: 1px solid #107230;
}
.btn-contact {
	margin-top: 10px;
	border: none;
	border-bottom: 1px solid #107230;
	background: #229748;
	color: #fff;
	text-align: center;
	padding: 10px 20px;	
	text-transform: uppercase;	
	font-family: Arial, sans-serif, Helvetica;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;

}
.btn-contact:focus {background: #107230;}

.f_Prod_D .m_spm ul li:nth-child(1),
.f_Prod_D .m_spm ul li:nth-child(2),
.f_Prod_D .m_spm ul li:nth-child(3) {margin-top: 5px;}

.ul_mssp li {width: 155px; float: left; margin-right: 10px;}
.ul_mssp li:nth-child(4n) {margin-right: 0;}
.t_mssp {padding: 5px 0; color: #333;}
.m_mssp {padding: 2px; border: 1px solid #79ae8a; background: #fff;}
.styled {
	width: 100%;
	padding: 2px;
	border: none;
	background: #fff;
	font-size: 12px;
	font-family: Arial, sans-serif, Helvetica;
	font-weight: 400;
}

/************************************** END CONTAINER **************************************/

/************************************** BEGIN FOOTER ************************************/

#footer {border-top: 2px solid #ccc; line-height: 16px; letter-spacing: 0.3px;}

.partner_foot {background: #f5f5f5; height: 80px; padding: 10px 0;}
.partner_foot .min_wrap {position: relative;}
.partner_foot .swiper-container3 {
	width: 970px;
	margin: 0 auto;
	height: 80px; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	overflow: hidden;
}
.partner_foot .swiper-container3 .swiper-slide {position: relative; width: 186px !important; padding-right: 10px;}
.partner_foot .swiper-container3 .swiper-slide img {
	width: 100%; height: 80px;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.partner_foot .swiper-container3 .swiper-slide:hover img {opacity: 1; filter: none; -moz-filter: none; -webkit-filter: none;}
.partner_foot .swiper-container3 .swiper-slide a {
	bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;	
}
.partner_foot .sc3_left {
	background: url(../imgs/layout/sc3_left.png) no-repeat;
	width: 10px; height: 14px;
	position: absolute;
	top: 33px; left: -10px;	
	opacity: 0.2;
}
.partner_foot .sc3_right {
	background: url(../imgs/layout/sc3_right.png) no-repeat;
	width: 10px; height: 14px;
	position: absolute;
	top: 33px; right: -10px;
	opacity: 0.2;	
}
.partner_foot .sc3_left:hover, .partner_foot .sc3_right:hover {opacity: 1;}

.info_foot {padding: 20px 0; font-size: 11px;}
.info_foot a {color: #494949;}
.info_foot a:hover {color: #0c7230; text-decoration: underline;}
.i1_f {float: left;}
.i1_f ul li {float: left;}
.i1_f ul li + li {border-left: 1px solid #ccc;}
.i1_f ul li:first-child a {padding-left: 0;}
.i1_f ul li:last-child a {padding-right: 0;}
.i1_f ul li a {color: #494949; padding: 0 10px;}
.i2_f {float: right; text-align: right;}
.i2_f a {color: #494949;}

/************************************** END FOOTER **************************************/

.f_detail {}
.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;}
.f_detail ul li {list-style: inside !important;}

.tag {padding: 30px 0 0 0; font-size: 11px;}
.tag span {color: #939393; padding: 2px 5px 2px 23px; background: #F1F1F1 url(../imgs/layout/icontag.png) no-repeat 5px 5px; display: inline-block;}
.tag a {padding: 2px 5px; color: #656565; display: inline-block; background: #F1F1F1; margin-bottom: 3px;}
.tag a:hover {background: #E2E2E2;}

.tools-share {padding: 0 0 0 0;}
.tools-share ul li {float: left;}
.tools-share ul li + li {padding-left: 10px;}

.face-cmm {padding-top: 15px;}

.error-sty {color: #f70000; font-weight: 300; border: 1px solid #f2ba72; padding: 5px; background: #fffed2 url(../imgs/error.png) no-repeat right 0;}

a, a:hover {}

.clear {clear:both; height: 0; float: none;}

.box-sizing-fix {box-sizing: border-box; -moz-box-sizing: border-box; -webkit- box-sizing: border-box;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
} /* Hides from IE-mac \*/
.clearfix {
	display: block;
}

/* Fix input safari mobile */
input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

.page {margin-top: 20px; text-align: center;}
.PageNum a {
	background: #fff;
	padding: 3px 10px;
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
	color: #555;
	margin: 5px 0 0 0;
	font-size: 12px;
}
.PageNum a:first-child {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left: 1px solid #ccc;
}
.PageNum a:last-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.PageNum a.active, .PageNum a:hover {color: #333; background: #f1f1f1;}