body {
    font-family: "Arial", sans-serif;
}

iframe {
    max-width: 100%!important; border:0px;
}

.navbar-toggle .icon-bar {
    background: #bbb;
}

.navbar-toggle {
    margin-top: 25px;
}
.breadcrumb>.active {
    color: #008131;
}
ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover, a:active {
    color: inherit;
    text-decoration: none;
}

/* css for header top*/
.header-top {
    position: relative;
    padding: 11px 0;
}

.header-top ul li{
    display: inline-block;
    font-weight: normal;
}

.header-top ul li span{
    color: rgba(255, 255, 255, 0.12);
    margin: 0px 10px;
}

.header-top ul li a{
    font-size: 13px;
    color: #7d7d7d;
}

.header-top ul li i{
    color: #646464;
    margin-right: 5px;
    font-size: 20px;
    vertical-align: bottom;
    transition: all 100ms ease-out;
}

.header-top ul li i:hover {
    color: #ffffff;
}

/* css main menu*/

header {
    background: #3a3a3a;
}

.navbar-brand {
    padding: 0px;
}

.nav>li>a:hover, .nav>li>a:focus {
    background: none;
}

section.navigation div.wrapper-menu {
    background: #ffffff;
    position: relative;
}

section.navigation div#navbar ul.nav.navbar-nav {
    background-color: #a2c046;
}

section.navigation ul li i {
    color: #008131;
    font-size: 24px;
}

.navbar-collapse {
    padding: 0px;
}

section.navigation div#navbar ul.nav.navbar-nav {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0 30px 0 60px;
}

section.navigation div#navbar ul.nav.navbar-nav::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 0 0 90px 40px;
}

section.navigation {
    position: relative;
    width: 100%;
    min-height: 90px;
    margin-bottom: -45px;
    z-index: 210;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.wrapper-menu .navbar-header a.navbar-brand {
    padding: 7px 0 7px 30px;
    width: auto;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
}

.wrapper-menu .menu-item span.caret {
    position: absolute;
    bottom: 15px;
    right: 40%;
}
.wrapper-menu .navbar-nav>li {
	border-bottom:5px solid #a2c046;
	position:relative;
}
.wrapper-menu .navbar-nav>li:hover {
	border-bottom:5px solid #1e7a34;
}
.wrapper-menu .navbar-nav>li:hover>ul {
    display: block;
}

.wrapper-menu .navbar-header a.navbar-brand img{
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

div.wrapper-menu nav.navbar {
    border: none;
    margin-bottom: 0px;
}
.navbar-nav>li>a.home {padding:34px 18px 23px 18px;}
.navbar-nav>li>a {
    padding: 34px 18px 26px 18px;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: #ffffff;
	text-shadow: #8baa37 1px 1px;
}

.wrapper-menu .navbar-nav li .submenu {
	position:absolute; min-width:200px;
	top:90px; left:0; background:rgba(0,0,0,0.8);
	color:#f6f6f6; display:none;
}
.wrapper-menu .navbar-nav li .submenu li {
	display:block; 
}
.wrapper-menu .navbar-nav li .submenu li a {
	display:block; padding:8px 15px;
	border-bottom:1px solid rgba(0,0,0,0.6);
}
.wrapper-menu .navbar-nav li .submenu li a:hover {
	color:#fff; background:rgba(0,0,0,0.9);}
.wrapper-menu .navbar-nav li:hover .submenu {display:block;}

/* css for session new event video*/
section.new-event-video {
    padding-top: 22px;
}

section.new-event-video .top {
    overflow: hidden;
    border-bottom: 2px solid rgb(30,122,52);
    position: relative;
}

section.new-event-video .top a.read-more {
    color: #666666;
    position: absolute;
    right: 0px;
    bottom: 5px;
}

section.new-event-video .top h3 {
    margin: 0px;
    font-size: 13pt;
}

section.new-event-video .top h3 span {
    display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(30,122,52);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: uppercase;
}

.new-event-video .user-post {
    padding: 10px;
    border: 1px solid #eeeeee;
    border-top: none;
}


section.new-event-video .video .title-video h3 ,
.about-us h3.title {
    margin: 0px;
    font-size: 13pt;
}

section.new-event-video .video .title-video h3 span, 
.about-us h3.title span{
    display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(162,192,70);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.video-upload .video-latest iframe {
    max-width: 100% !important;
}

.video-upload {
    padding: 1px;
    border: 5px solid rgb(162,192,70);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

section.new-event-video .video .list-latest {
    padding: 10px 5px 20px 10px;
}

section.new-event-video .video .list-latest ul li a img {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

section.new-event-video .video .list-latest ul li a {
    font-size: 10.5pt;
    line-height: 18pt;
    color: #464545;
}


.read-more-video {
    padding: 15px 0px 30px 0px;
    text-align: center; clear:both;
}

.video .read-more-video a,.about-us .read-more a{
    background: #1e7a34;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 10.5pt;
    line-height: 13.5pt;
    font-weight: bold;
}

/* css for banner clear*/
section.banner-clear {
    margin: 20px 0px;
}

section.banner-clear img {
    max-width: 100%!important;
}

/* css for about us and product*/
.about-us .about-latest {
    padding: 1px;
    border: 5px solid rgb(162,192,70);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.about-us .about-latest .img a {
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.about-us .about-latest .img a img {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.about-us h3.title{ text-transform:uppercase;}
.about-us .read-more {
	text-align:center; padding:10px 0; 
	border-bottom:1px dotted #eee;
	overflow:hidden; height: 55px;
}
.about-us .about-latest .img:hover {
    opacity: 0.7;
    box-shadow: 5px 5px rgb(238, 238, 238);
}

.about-us .text {
    font-size: 9.75pt;
    line-height: 13.5pt;
    color: #333333;
    text-align: justify;
    padding: 0 15px;
}
.about-us .list-latest { padding: 10px 5px 20px 10px;}

.about-us .list-latest ul li a img {
    float: left;
    margin-top: 7px;
    margin-right: 5px;
}

.about-us .list-latest ul li a {
    font-size: 10.5pt;
    line-height: 18pt;
    color: #464545;
}

section.aboutUs-product .product .title {
    overflow: hidden;
    border-bottom: 2px solid rgb(30,122,52);
    position: relative;
}

section.aboutUs-product .product .title h3 {
    margin: 0px;
    font-size: 13pt;
}

section.aboutUs-product .product .title h3 span {
    display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(30,122,52);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

section.aboutUs-product .product .title a.read-more {
    color: #666666;
    position: absolute;
    right: 0px;
    bottom: 5px;
}

section.aboutUs-product .list-product{
    padding: 20px 0px;
}

section.aboutUs-product .list-product .fields .item {
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
}

section.aboutUs-product .list-product .fields .item .img a {
    padding: 5px;
    width: 100%;
    height: 190px;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
}

section.aboutUs-product .list-product .fields .item .img a:hover img{
    opacity: 0.7;
}

section.aboutUs-product .list-product .fields .item .img a img{
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

section.aboutUs-product .list-product .fields .item .name {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

section.aboutUs-product .list-product .fields .item .name  a {
    text-align: center;
    font-size: 15px;
    color: #1e7a34;
    font-weight: bold;
}

/* css for slider gallery*/
section.slider-gallery .wrapper-galley {
    background: #eeeeee;
    padding: 20px 0px 0px; position:relative;
}

.section.slider-gallery {
    margin: 10px 0px;
}

section.slider-gallery .title h3 {
    font-size: 16pt; text-transform:uppercase;
    color: #333333;
    margin: 0px;
    display: inline-block;
}

/* section.slider-gallery .title h3:after {
    content: "";
    height: 3px;
    width: 100px;
    background: #1e7a34;
    display: block;
    position: relative;
    top: 15px;
    margin: auto;
} */

section.slider-gallery .item .txt {
    padding: 10px 0px;
}

section.slider-gallery .item .txt a{
    text-align: center;
    font-size: 10.5pt;
    line-height: 13.5pt;
    color: #333333;
    height: 40px;
    overflow: hidden;
}

section.slider-gallery .item .txt a:hover {
    color: rgb(30,122,52);;
}

section.slider-gallery .read-more a {
    background: #1e7a34;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 10.5pt;
    line-height: 13.5pt;
    font-weight: bold;
}
section.slider-gallery .view_more { 
	position:absolute; right:40px; top:40px; }
section.slider-gallery {
    margin-top: 20px;
}

.box_gallery {
	background:#f9f9f9; padding:15px 0 15px 15px; 
	position:relative; border-radius:5px;
	border:1px solid #eee;}
.box_gallery .box {overflow:hidden}
.box_gallery .intro {text-align:justify}
.box_gallery .big_thumb {
	position:relative;
	height:580px; padding:0; overflow:hidden;
	text-align:center; vertical-align:middle;
	-webkit-animation: opacity 2s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: opacity 2s ease-in-out; /* Firefox < 16 */
        -ms-animation: opacity 2s ease-in-out; /* Internet Explorer */
         -o-animation: opacity 2s ease-in-out; /* Opera < 12.1 */
            animation: opacity 2s ease-in-out;
}
.box_gallery .big_thumb figcaption { 
	position:absolute;
	bottom:0; left:0; width:100%;
	background:rgba(0,0,0,0.6);
	padding: 10px 15px;
    color: #fff;}
.box_gallery .big_thumb img { 
	width:100%; height:100%;
	display:none;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
}
.box_gallery .big_thumb img.active {
	display:block;
}
.box_gallery .small_thumb {
	position:relative; height:580px;
	overflow:hidden;
}
.box_gallery .small_thumb .thumb_box {
	margin: 0 15px;
	position:absolute; top:15px; right:0;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-webkit-animation: opacity .25s ease-in-out; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: opacity .25s ease-in-out; /* Firefox < 16 */
        -ms-animation: opacity .25s ease-in-out; /* Internet Explorer */
         -o-animation: opacity .25s ease-in-out; /* Opera < 12.1 */
            animation: opacity .25s ease-in-out;
}
.box_gallery  .preview {
	position:absolute;     
	top: -25px; right: 70px; 
    z-index: 999; color:rgb(30,122,52);
    font-size: 68px; cursor:pointer
}
.box_gallery  .next {
	position:absolute; 
	bottom: -25px; right: 70px;  
	z-index:999; color:rgb(30,122,52);
	font-size:68px; cursor:pointer
}

.box_gallery .small_thumb div.vertical {
	margin-bottom:5px; 
	overflow:hidden; cursor:pointer;
	border: 1px solid #bbb;
}
.box_gallery .small_thumb div.vertical:hover ,
.box_gallery .small_thumb div.active {
	opacity:0.8; border: 1px solid #333;
}
.box_gallery .title {
	text-align:center; font-size:26px; 
	border-top:1px solid #bbb;
	padding-top: 20px;
}
.gallery .item{height: 310px; overflow: hidden;}
.gallery .name {font-size:16px; font-weight:bold;}
div.horizontal {
    display: flex;
    justify-content: center;
}

div.vertical {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* css for category*/
section.wrapper-category {
    padding: 24px 0px;
}

/* css for partner*/
section.wrapper-partner {
    padding: 24px 0px;
}

section.wrapper-partner .title img {
    float: left;
    margin-right: 10px;
}

section.wrapper-partner .title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffbb00;
    overflow: hidden;
}

section.wrapper-partner .title h3 {
    float: left;
    color: #333333;
    margin: 0px;
    font-size: 13pt;
    margin-top: 5px;
}

.partnerSlider .slick-prev:hover, .partnerSlider .slick-prev:focus, .partnerSlider .slick-next:hover, .partnerSlider .slick-next:focus {
    background: none;
}

.partnerSlider .slick-prev, .partnerSlider .slick-next {
    background: none;
    height: 50px;
    width: 30px;
}

.partnerSlider .slick-prev:before, .partnerSlider .slick-next:before {
    color: #bbbbbb;
}

/*  css for footer*/

footer section.wrapper-footer .top-footer {
    background: #3a3a3a;
    color: #cccccc;
    font-size: 10.5pt;
    padding: 23px 0px 18px 0px;
}

footer section.wrapper-footer .top-footer h4 {
    font-weight: bold;
    font-size: 15pt;
}

footer section.wrapper-footer .bottom-footer {
    background: #282828;
    height: 30px;
}

/* css for page report*/

.breadcrumb {
    padding: 11px 15px;
    margin-bottom: 0px;
    background-color: #dddddd;
}

.breadcrumb>li+li:before {
    background-image: url("../images/icon/breadcrumb.png");
    background-repeat: no-repeat;
    background-position: center;
    content: " ";
    margin: 0px 10px;
}

.breadcrumb li a i {
    font-size: 19px;
}

section.wrapper-report .wrapper-content .title{
    margin: 15px 0px 5px 0px;
    font-size: 12.76pt;
    color: #333333;
    font-weight: bold;
}

.list-category-investors {
    border: 5px solid rgb(162,192,70);
	border-radius: 5px;}
.list-category-investors ul{	margin-top:15px;}

.list-category-investors ul li a img {
    float: left;
    margin-top: 12px;
    margin-right: 5px;
}
.list-category-investors ul li:hover {
	background:#339958;
}
.list-category-investors ul li:last-child a {padding-bottom:15px}
.list-category-investors ul li a {
    font-size: 10.5pt;
    line-height: 1.5;
    color: #333333;
    padding: 6px 5px 6px 30px;
    display: block;
	border-bottom: 1px dotted #eee;
	background: url(../images/icon/icon.jpg) no-repeat 15px 11px;
}
.list-category-investors ul li.active{
    background: #339958;
}

.list-category-investors ul li.active a,
.list-category-investors ul li:hover a{
    color: #fff;
}

div.wrapper-content .list-cate-document .item {
    margin: 10px 0px;
}

div.wrapper-content .list-cate-document .item img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

section.wrapper-report div.wrapper-right .top h3 {
    margin: 0px;
    font-size: 13pt;
}

section.wrapper-report div.wrapper-right .top h3 span {
    display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(30,122,52);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: uppercase;
}

section.wrapper-report div.wrapper-right .top {
    overflow: hidden;
    border-bottom: 2px solid rgb(30,122,52);
    position: relative;
}

.list-report {
    padding: 25px 0;
    background: #faf9f9;
    border: 1px solid #e6e6e6;
}

.list-report ul.sub-report{
    margin-left: 20px;
}

.list-report img {
    width: 11px;
    height: auto;
    float: left;
    margin-right: 7px;
    margin-top: 7px;
}

.list-report img.icon-pdf {
    width: 15px;
}

.list-report li {display: block;}
.list-report a {
    font-size: 10.5pt; line-height: 22.5pt;
    padding: 5px 0px 5px 10px;
}

.list-report a:hover { color:rgb(30,122,52);}
.list-report li:hover{ background:#eee;}
.list-report .download {margin-left:30px}
.download_file {
	border:1px dotted #ccc; text-align:center;
	padding:10px; margin:20px auto;
}
.list-report .sub-report {
    display: none;
}
.list-report .fields .field>ul>li {
    border-bottom: 1px solid #eeeeee;
	padding: 2px 15px;
}
.list-report .fields .field>ul>li:last-child {
    border-bottom: none;
}
.list-report .fields .field ul li.active>.sub-report {
    display: block;
}
section.wrapper-report div.wrapper-right .list-category-investors {
    border: none;
    margin-top: 20px;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item{
    margin-top: 20px;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item .item img{
    max-width: 100%;
    margin: auto;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item .item .txt{
    position: absolute;
    width: 50%;
    right: 15px;
    top: 0px;
    background: rgba(231, 234, 235, 0.75);
    bottom: 20px;
    padding: 50px 0px 0px 20px;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item .item .txt .name{
    font-size: 16.5pt;
    line-height: 22.5pt;
    color: #333333;
    display: block;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item .item .txt .read-more{
    font-size: 11.25pt;
    line-height: 22.5pt;
    color: #1e7a34;
    float: right;
    margin-right: 20px;
}

section.wrapper-report div.wrapper-right .list-category-investors .list-item>.row>div {
    padding-bottom: 20px;
}

section.wrapper-report div.wrapper-right .list-category-investors .title h3 span {
    display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(30,122,52);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

section.wrapper-report div.wrapper-right .list-category-investors .title {
    overflow: hidden;
    border-bottom: 2px solid rgb(30,122,52);
    position: relative;
}

section.wrapper-report div.wrapper-right .list-category-investors .title h3 {
    margin: 0px;
    font-size: 13pt;
}

.wrapper-right .wrapper-slider-content {
    margin-top: 15px;
}

.wrapper-right .wrapper-slider-content.bg{
    background: #faf9f9;
    margin-top: 0px;
    padding: 15px 0px 15px 15px;
    border: 1px solid #e6e6e6;
    border-top: none;
}

.wrapper-right .wrapper-slider-content .sp-slides-container {
    margin-right: 10px;
}

.video .title-video h3 {
    margin: 15px 0px 5px 0px;
    font-size: 12.76pt;
    color: #333333;
    font-weight: bold;
}
.list-new-in-right {
    margin-top: 15px;
}

.list-new-in-right .fields {
    padding: 15px 0px;
}

.list-new-in-right .fields .field .img a {
    width: 100%;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
}

.list-new-in-right .fields .field .img a img{
    display: block;
    height: auto;
    max-width: 100%;
}

.list-new-in-right .fields .field{
    padding: 15px 0px;
}

.list-new-in-right .fields .field .txt h5{
    margin: 0px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: rgb(30,122,52);
    border-color: #e6e6e6;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    border: 1px solid #e6e6e6;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background: none;
    border: none;
}

.dropdown-menu {
    padding: 0px;
    background: #434343;
    border: none; width:220px;
}

.dropdown-menu>li>a {
    padding: 2px 10px;
    border-bottom: 1px solid #3f3f3f;
    font-size: 15px;
    line-height: 29.95pt;
    color: #999999;
}

.dropdown-menu>li>a:hover {
    background: #3a3a3a;
    color: #ffffff;
}

.sp-caption-container {
    text-align: left;
}

.sp-caption-container .name a{
    font-size: 10.5pt;
    line-height: 13.5pt;
    color: #333333;
    font-weight: bold;
    text-align: left;
}

.sp-caption-container .intro {
    font-size: 9.75pt;
    line-height: 13.5pt;
    color: #333333;
    text-align: justify;
    margin-top: 15px;
}

#example5 .sp-thumbnail-title {
    font-size: 10.5pt;
    line-height: 13.5pt;
    color: #333333;
    text-align: left;
}

/* plugin facebook*/

.plugin {
    margin: 15px 0px;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.fb_iframe_widget {
    margin: 0px 3px;
}

.fb-comments, .fb-comments > span, .fb-comments > span > iframe {
    display: block !important;
    width: 100% !important;
}

/* Col left */
.colleft {margin-bottom:20px; overflow:hidden;}
.colleft .module { margin-top: 15px;}
.colleft .title {
	margin: 20px 0px 2px 0px;
    font-size: 12.76pt;
    color: #333333;
    font-weight: bold;
	text-transform:uppercase;}
.colleft .list-news-of-page-new .title {margin: 0px 0px 2px 0px;}
.colleft .list_catalog { clear:both}
.colleft .list_catalog ul {
	border: 5px solid #c7d990;
    border-radius: 5px; background: #faf8f9;
}
.colleft .list_catalog li {border-bottom:1px solid #faf8f9}
.colleft .list_catalog li:hover,.colleft .list_catalog li.active{
	background:#339958; border-bottom:1px solid #c7d990;
}
.colleft .list_catalog li a {
	font-size: 10.5pt;
    line-height: 26pt;
    color: #333333;
    padding: 2px 5px 2px 30px;
    display: block;
	background:url("../images/icon/icon_li_green.png") no-repeat 15px center;
}
.colleft .list_catalog li:hover a,.colleft .list_catalog li.active a {color:#fff}

/* col main */
.colmain {overflow:hidden; margin:15px 0;}
.colmain .top, .orther-news .top {    
	overflow: hidden;
    border-bottom: 2px solid rgb(30,122,52);
    position: relative;
	}
.colmain .main-title,.orther-news .main-title {font-size:13pt; margin:0}
.colmain .main-title span,
.orther-news .main-title span {
	display: block;
    padding: 7px 32px 7px 20px;
    background: rgb(30,122,52);
    color: #ffffff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform: uppercase;
}
.colmain .full-text {clear:both; padding:20px 0; text-align:justify}
.orther-news {clear:both; margin:20px 0;}

/* module news hot*/
div.module.news-hot .title h3 {
    padding: 15px 0px 15px 5px;
    font-size: 12.76pt;
    color: #3c3c3c;
    font-weight: bold;
    background: #dddddd;
    margin: 0px;
}

div.module.news-hot {
    border: 1px solid #c7d990;
    border-radius: 5px;
    margin-top: 15px;
}

div.module.news-hot ul li a {
    font-size: 10.5pt;
    line-height: 20pt;
    color: #333333;
    padding: 2px 5px 2px 15px;
    display: block;
}
div.module.news-hot ul li {
    border-bottom: 1px solid #eeeeee;
}

div.module.news-hot ul li:last-child {
    border-bottom: none;
}

/* module investors*/
div.module.investors .title h3 {
    padding: 15px 0px 15px 5px;
    font-size: 12.76pt;
    color: #3c3c3c;
    font-weight: bold;
    background: #dddddd;
    margin: 0px;
}

div.module.investors {
    border: 1px solid #c7d990;
    border-radius: 5px;
    margin-top: 15px;
}

div.module.investors ul li a {
    font-size: 10.5pt;
    line-height: 20pt;
    color: #333333;
    padding: 2px 5px 2px 15px;
    display: block;
}

div.module.investors ul li {
    border-bottom: 1px solid #eeeeee;
}

div.module.investors ul li:last-child {
    border-bottom: none;
}

/* module reports*/
div.module.reports .title h3 {
    padding: 15px 0px 15px 5px;
    font-size: 12.76pt;
    color: #3c3c3c;
    font-weight: bold;
    background: #dddddd;
    margin: 0px;
}

div.module.reports {
    border: 1px solid #c7d990;
    border-radius: 5px;
    margin-top: 15px;
}

div.module.reports ul li a {
    font-size: 10.5pt;
    line-height: 20pt;
    color: #333333;
    padding: 2px 5px 2px 15px;
    display: block;
}

div.module.reports ul li img{
    width: 15px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

div.module.reports ul li {
    border-bottom: 1px solid #eeeeee;
}

div.module.reports ul li:last-child {
    border-bottom: none;
}

/* css style css list product*/
section.page-list-product div.list_product div.list_item{
    margin-top: 15px;
    padding: 0px 0px 30px 0px;
    overflow: hidden;
}

section.page-list-product div.list_product div.list_item .item {
    overflow: hidden;
    padding: 7px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
}

section.page-list-product div.list_product div.list_item .item .product-image a{
    width: 100%;
    height: 180px;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
}

section.page-list-product div.list_product div.list_item .item .product-image a img{
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

section.page-list-product div.list_product div.list_item .item .product-title{
    margin: 15px 0px 5px 0px;
}

section.page-list-product div.list_product div.list_item .item .product-title h3{
    overflow: hidden;
    margin: 0px;
    padding: 0px 15px;
}

section.page-list-product div.list_product div.list_item .item .product-title h3 a{
    color: #1e7a34;
    font-size: 15px; font-weight: bold;
}

/* css for detail product*/
.article_product {
    margin-top: 15px;
    padding-bottom: 20px;
}

.article_product .name h1{
    margin: 0px;
    padding: 15px 0px;
    color: rgb(30,122,52);
    font-size: 30px;
}

.article_product .top-info {
    padding-bottom: 10px;
}

.article_product .img-detail img{
    width: 100%;
    height: auto;
    text-align: center;
    margin: auto;
}

.article_product ul.calendar {
    display: inline-table;
    padding-left: 0px;
}

.article_product ul.calendar li {
    float: left;
    font-size: 13px;
    font-style: italic;
    color: #19678c;
}

.article_product ul.calendar li span{
    margin: 0px 10px;
}

.article_product ul.calendar li i{
    color: #dc0606;
}

.article_product .intro {}

.article_product .go-contact{
    background: #1e7a34;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 10.5pt;
    line-height: 13.5pt;
    font-weight: bold;
}

.article_product .content .title h3 {
    margin: 0px;
    padding: 15px 0px;
    color: #a2c046;
}

.article_product .content .full-text img {
    margin: auto;
    text-align: center;
    max-width: 100%!important;
    height: auto;
}

.article .content .title h1,
.wrapper_gallery  h1.title {color: #008131; font-size: 24px;}
.article .fulltext {text-align:justify}

.releated_news ul li {
	padding:5px 0;
	background:url(../images/icon/icon.jpg) no-repeat left center;
}
.releated_news ul li a { padding-left:20px }
.releated_news ul li a:hover {color:rgb(30,122,52)}

/* css for contact*/
.form-contact .title .content h4{
    margin-top: 15px;
    color: #a2c046;
	font-size:24px;
}

.form-contact .title .content p{
    margin-top: 10px;
}

.form-contact .form-group label {
    font-weight: inherit;
}

.form-contact .form-group label.not-null:after {
    content: "*";
    color: red;
    margin-left: 3px;
}

#frm_contact {
    margin-top: 15px;
}
.google-map {margin-top:20px;}

span.error-input {
    margin: 5px 0px 0px 5px;
    font-size: 13px;
    color: red;
    font-style: italic;
    display: block;
}

.google-map iframe {
    width: 100%!important;
}

.detail_document h1{
    color: #3c3c3c;
    font-size: 25px;
    margin: 0px;
}
.detail_document .create_date {margin-bottom:20px;}
.detail_document .intro {
    padding: 5px 0px;
}

.wrapper_video .list_video .left {
    margin-top: 15px;
}

.wrapper_video .list_video .left .name h3 {
    margin: 10px 0px; height: 30px;
    font-size: 14px; overflow:hidden;
    font-weight: bold;
    color: #3c3c3c;;
}

.wrapper_video .list_video .left .item{
    padding: 10px; margin: 15px 0;
	border:1px solid #eee;
}
.wrapper_album .list_album .left {
    margin-top: 15px;
}

.wrapper_album .list_album .left .name h3,.orther-news .gallery .item h3.name {
    margin: 10px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #3c3c3c;
    height: 30px;
    overflow: hidden;
}

.wrapper_album .list_album .left .item, .orther-news .gallery .item{
    padding: 10px; height: 340px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    margin: 15px 0;
}
.orther-news .gallery .item {height:300px}
.wrapper_album .list_album .left .item .img a{
    width: 100%;
    height: 250px;
    vertical-align: middle;
    text-align: center;
    display: inline-flex;
}

.wrapper_album .list_album .left .item .img a img{
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}

.wrapper_album .list_album .left .item .img a img:hover{
    opacity: 0.5;
}

.wrapper_gallery .list_gallery{
    margin-top: 15px;
}
footer p {margin:0}
.visit_counter .title {
	margin: 5px 0 10px;
    text-transform: uppercase;
    font-size: 20px;}
.visit_counter b {float:right}

.list-news .field {overflow:hidden; padding:15px 0}
.list-news .field  .title{font-size:14px !important; margin:5px 0 5px !important;}
.list-news .field .img {padding-right:0;}
.list-news .field .intro {margin-top:10px;}
.icon-hot { 
	height:12px; width:30px; display: inline-block;
	background:url(../images/icon/hot.gif) no-repeat center left
}
.article .intro {text-align:justify}
.full_text {margin-top:10px; text-align:justify}
.full_text img {max-width:100%; height:auto}
.thumb_img {float:left; margin:10px 10px 10px 0; max-width:400px; max-height:}

/* Slide News */
.slider-box {	
	padding: 10px 0;
    border: 1px solid #eeeeee;
}
.slider-news {overflow:hidden}
.slider-news .slide-main {float:left; width:62%;}
.slider-news .slide-thumb {float:left; width:38%;}
.slider-news .slide-main .slide {
	padding:0 5px 0 10px;
}
.slider-news .slide-main .name h3 {
	font-size: 11pt;
    line-height: 13.5pt;
	margin-top: 15px; margin-bottom:0; padding:0;
}
.slider-news .slide-main .name h3 a {
    color: #333333;
    text-align: justify;
}
.slider-news .slide-main .intro {
	font-size: 9.75pt;
    line-height: 13.5pt;
    color: #333333;
    text-align: justify;
    margin-top: 10px;
}
.slider-news img {max-width:100%;max-height:100%;}
.slider-news .slide-main img {
	height:280px; width:100%;
	-webkit-transition: opacity 1s FadeInOut;
	-moz-transition: opacity 1s FadeInOut;
	-o-transition: opacity 1s FadeInOut;
	transition: opacity 1s FadeInOut;  
  }
@keyframes FadeInOut {
  0% { opacity:1;}
  17% { opacity:1;}
  25% { opacity:0;}
  92% { opacity:0;}
  100% { opacity:1;}
}
.slider-news .slide-thumb {position:relative}
.slider-news .slide-thumb .thumb{clear:both; padding-bottom:6px;}
.slider-news .slide-thumb .thumbnail-image{
	float:left; width: 40%; height:75px;
    margin-right: 10px; }
.slider-news .slide-thumb .thumbnail-image a {
	display:block; position:relative}
.slider-news .slide-thumb .thumbnail-title{
	float:left; width:50%; text-align:justify;
	line-height:18px; font-size:13px;
}
.slider-news .slide-thumb .thumbnail-title a:hover {color:#000}
.slider-news .slide-thumb img {width:100%; height: 70px;}
.slider-news .slide-thumb .selected-thumbnail .thumbnail-image a:before{
	content:''; 
	position:absolute; height:100%;
	border-left:5px solid rgb(30,122,52);
	left:-5px; top:0;
}
.slider-news .slide-thumb .selected-thumbnail .thumbnail-image a:after{
	content:''; position:absolute;
	width:0;height:0;left:-18px;top:50%;
	margin-top:-8px;
	border-right:13px solid rgb(30,122,52);
	border-top:8px solid transparent;
	border-bottom:8px solid transparent
}
.slider-news .thumbnail-date,.slider-news .thumbnail-intro {display:none}
.slider-news2 .slide-main img {height:330px;}
.slider-news2 .slide-thumb img {height:80px}
.slider-news2 .slide-thumb .thumbnail-image {height:85px;}
/* End Slide News */