@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500&display=swap');
/*:root {
  --blue: #4e73df;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #fd7e14;
  --yellow: #f6c23e;
  --green: #1cc88a;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --primary: #4e73df;
  --secondary: #858796;
  --success: #1cc88a;
  --info: #36b9cc;
  --warning: #f6c23e;
  --danger: #e74a3b;
  --light: #f8f9fc;
  --dark: #5a5c69;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: Roboto, Noto Sans, Hanna;
  --font-family-monospace: Roboto, Noto Sans, Hanna;
}*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Roboto', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  background-color: #F2F6F9;
}
/*body {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	background-color: #F2F6F9;
}*/
h2 {
	font-size: 18px;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.btn-primary {
	background-color: #9313DA;
	border-color: #9313DA;
}
.btn-primary:hover {	
	background-color: #00A650;
	border-color: #00A650;
}
.btn {
	font-size: 14px;
}
.mr-10 {
	margin-right: 10px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mw-300 {
    max-width: 300px !important;
}
.mh-160 {
    max-height: 160px !important;
}
.txt_green {
	color: #00A650 !important;
}
.form-control {
	height: 50px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
}
.container {
    max-width: 1152px;
    
}
.header {
	background-color: #F2F6F9;
   	background-image: url(../images/bg_header.png);
   	background-repeat: no-repeat;
   	background-position: center;
   	background-size: cover;
	padding-top: 15px;
	
}
.header-menu {
	text-align: right;
}
.dropdown-menu.show, .header-menu li a.dropdown-item:hover {
	background-color: #00A650;
}
.header-menu li a.dropdown-item:hover, .header-menu li a.dropdown-item.active {
	border: none;
	color: #9313DA !important;
	background-color: #00A650;
}
.header-menu li {
    padding: 0;
    list-style: none;
    display: inline-block;
}
.header-menu li.dropdown li {
    display: block;
}
.header-menu li.ttl_phone {
	background: #9313DA;
	border-radius: 4px;
	padding: 12px 15px;
	margin-left: 30px;
}
.header-menu li.ttl_support {
	margin-left: 160px;
}
.header-menu li a {
	padding: 10px 0 2px;
	margin-left: 37px;
	color: #fff;
}
.header-menu li a.dropdown-item {
	margin-left: 0;
	padding-left: 10px;	
	text-align: left;
}
.header-menu li a, .footer-menu li a {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
}
.header-menu li a:hover, .footer-menu li a:hover {
	text-decoration: none;
}
.header-menu li a:hover, .header-menu li a.active {
	color: #fff;
	border-bottom: 4px solid #00A650;
}
.block_polygon1 {
	position: absolute;
	left: 0;
	top: 25%;
}
.block_polygon2 {
	position: absolute;
	right: 0;
	top: 0;
}
.footer {
	background-color: #F5FDFF;
	padding-top: 30px;
	color: #3D3D40;
}
.footer-add a, .footer-menu li a, .footer_support h2, .block_content_inner a {
	color: #3D3D40;	
}
.footer-add p {
	line-height: 27px;
}
.footer-add p a {
	margin-right: 10px;
}
.footer-add p a:last-child {
	margin-right: 0;
}
.footer-menu {
	padding-left: 0;
}
.line-footer {
	border-top: 1px solid #B9DEFE;
}
.footer-menu li {
    padding: 0 0 10px;
    list-style: none;
}
.footer-menu li a {
	padding: 10px 0;
}
.footer-menu li a:hover, .footer-menu li a.active, .footer-add a:hover, .block_detail a {
	color: #00A650;
}
/*.footer_news {
	background: linear-gradient(90deg, #00A650 0%, #8335CA 100.69%);
	padding: 30px 0 5px;
}
.footer_news a {
	color: #fff;
}
.footer_news li {
	list-style: none;
	padding-bottom: 10px;
}
.footer_news li:last-child {
	padding-bottom: 0;
}*/
.footer_news {
	/*background: linear-gradient(90deg, #00A650 0%, #8335CA 100.69%);*/
    background-image: url(../images/NenmauchudaoITK.jpg);
   	background-repeat: no-repeat;
   	background-position: center;
   	background-size: cover;
	padding: 30px 0 5px;
}
.footer_news a {
	color: #fff;
}
.footer_news li {
	list-style: none;
	padding-bottom: 10px;
}
.footer_news li:last-child {
	padding-bottom: 0;
}
.footer_support {
	background-color: #fff;
	padding: 20px 0;
}
.footer_support .col-12:first-child {
	border-right: 2px solid #E9EDF0;
}
.footer_support .block_support {
	width: 80%;
	float: right;
	position: relative;
	margin-top: 20px;
}
.footer_support .block_support .btn-primary {
	position: absolute;
	right: 6px;
	top: 6px;
}
.footer_support p {
	margin-bottom: 5px;
}
.footer_support p, .footer_support p a {
	color: #9313DA;
}
.footer_support p a:hover, .txt_copyright a {
	color: #00A650;
}
.footer_support p img, .footer_news img {
	margin-right: 10px;
}
.txt_copyright {
	padding: 10px 0;
	margin-bottom: 0;
}
.block_content_inner {
	background: #FFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	color: #3D3D40;
	padding: 30px 70px 10px;
	margin-top: -120px;
    margin-bottom: 20px;
}
.block_content_inner a:hover {
	color: #00A650;
	text-decoration: none;	
}
.block_content_inner .col-md-4, .block_content_inner h2 {
	text-align: center;
}
.block_content_inner .col-12 {
	padding-top: 10px;
}
.block_content_inner .col-12 img, .col-md-6 img{
	
}
.block_content_inner img {
	margin-bottom: 10px;
    max-width:100%;
}
.carousel-inner h2 {
	color: #f5821f;
    text-align: center;
    margin-bottom: 45px;
}
.carousel-inner p {
    text-align: center;
}
#carousel-example-2 {
    margin-bottom: 55px;
    max-height: 288px;
}
.banner {
    max-width: 400px;
}
/*.carousel-inner p {
	color: #00A650;
	text-align: center;
	font-size: 15px;
}
.carousel-inner img {
	width: 250px;
}*/
.carousel-inner {
	padding: 0 100px;
}
.carousel-control-next, .carousel-control-prev {
	width: 54px;
	height: 54px;
	top: calc(100%/2.5);
}
.carousel-control-prev {
	background: url("../images/icon_pre.png") no-repeat;
}
.carousel-control-next {
	background: url("../images/icon_next.png") no-repeat;
}
.navbar-toggler {
	border: 1px solid #B9DEFE;
	position: absolute;
	right: 15px;
	top: 0;
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#return-to-top{
	position: fixed;
	padding: 0;
	bottom: 25px;
	right: 25px;
	width: 30px;
	height: 30px;
	display: block;
	text-decoration: none;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: transparent;
	border: none;
	border-radius: 50%;
}
/***************DETAIL*******************/
.block_detail {
	padding-bottom: 30px 70px;
}
.block_detail a {
	color: #3D3D40;
}
.block_detail .block_content_detail {
	/*max-width: 625px;*/
	margin-bottom: 30px;
}
.block_detail .block_content_detail h2 {
	margin-bottom: 20px;
	border-bottom: 2px solid #00A650;
    margin-left: auto;
    margin-right: auto;
    max-width: 370px;
}
.block_detail h3 {
	color: #9313DA;
}
.block_detail .block_content_inner .col-12 {
    padding-top: 0;
}
/***************ABOUT*******************/
.block_about_detail li {
	list-style: none;
	font-weight: bold;
}
.block_about_detail li img {
	margin-right: 20px; 
}
/***************CONTACT*******************/
.block-contact-form {
	max-width: 432px;
	margin-bottom: 20px;
}
.form-control {
	border: 1px solid #00A650;
	border-radius: 4px;
}
textarea.form-control {
    min-height: 150px;
}
.btn.form-control {
    border: none;
}
.new_time {
    background: url(../images/icon_time.png) no-repeat 0 -3px;
    padding-left: 25px;
    font-style: italic;
}
.new_view {
    background: url("../images/icon_view.png") no-repeat 0 -2px;
    margin-left: 10px;
    padding-left: 25px;
    font-style: italic;
}
.block_detail a.tlt_new, .block_detail a.tlt_new:hover {
    margin-bottom: 10px;
    color: #3D3D40;
}
.block_detail a.tlt_new h3 {
    color: #00A650 !important;
}
#ContentPlaceHolder1_rpttin .col-md-6 > img, .block_content_inner .tlt_new .col-12 > img {
    max-width: 100% !important;
    height: auto !important;
}
@media only screen and (min-device-width : 768px) {
	.header .col-12.position-relative {
		max-width: 100% !important;
	}
	.navbar-toggler {
		right: -557px;
		top: 0!important;
	}
}
/*and (max-device-width : 1024px) */
@media (min-width: 769px) {
	.navbar-toggler {
		display: none;
	}
	#navbarSupportedContent {
		display: block;
	}
}
@media (max-width: 540px) {
	.carousel-inner {
	    padding: 0 50px;
        height:100px;
	}
	.footer_support .block_support {
		float: left;
		width: 100%;
	}
}
@media (max-width: 575px) {
	.footer-add h3 {
		margin-bottom: 15px;
	}
	.footer-menu {
	    padding-top: 0 !important;
	}
     .carousel-inner{
        max-height:100px;
    }
}
@media (max-width: 768px) {	
	.carousel-inner img {
		/*width: calc(100%/2);*/
	}
	.block_polygon2 {
		top: 90px;
		display: none;
	}
    .block_polygon1 {
		display: none;
	}
	.block_polygon2 img,.block_polygon1 img  {
		width: 70%;
	}
	.header-menu {
		margin-top: 30px;
	}
	.header-menu li {
		display: flex;
		text-align: center;
	}
	.header-menu li.ttl_support {
		margin-left: 37px;
		margin-top: 25px;
	}
	.header-menu li.ttl_phone {
		display: block;
	}
	.header-menu li a:hover, .header-menu li a.active {
		border-bottom: none;
		color: #00A650;
	}
	.footer-add .col-12:first-child {
		margin-bottom: 30px;
	}
	.footer-add {
		padding-bottom: 20px !important;
	}
	.footer-menu {
		padding: 20px 0 10px;
	}
	.header-home h1 {
		margin-top: 0;
	}
	.header-home p {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
		line-height: 23px;
	}
	/***************DETAIL*******************/
	.block_detail .block_content_detail {
	    margin-bottom: 30px;
	}
	/***************ABOUT*******************/
	ul.block_about_detail {
		padding-left: 20px;
	}
	.block_about_detail li img {
	    margin-right: 10px;
	}
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
	.header-home h1 {
		margin-top: 20px;
	}
}
@media (min-width: 1100px){
	.header-home {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 768px) and (min-width: 415px) {	
	.block_polygon1 {
		top: 30%;
        width: 40px;
	}
	.block_detail .block_content_inner {
		padding: 30px 50px;
	}
    .header .col-md-10 {
        max-width: 96% !important;
        flex: 0 0 96% !important;
    }
    .block_polygon1 {
		top: 30%;
        width: 40px;
        display: none;
	}
	.block_detail .block_content_inner {
		padding: 30px 50px;
	}
    .header .col-md-10 {
        max-width: 96% !important;
        flex: 0 0 96% !important;
    }
    #carousel-example-2 {
        margin-bottom: 20px;
        height: 214px;
    }
    .banner {
        max-width: 225px;
    }
    .carousel-inner h2 {
        margin-bottom: 15px;
    }
   
    .carousel-inner p {
        margin-bottom: 5px;
    }
}
@media (max-width: 414px){
    .header .col-md-10 {
        max-width: 93% !important;
        flex: 0 0 93% !important;
    }
	.carousel-inner img {
	    width: 100%;
	}
	.block_polygon2, .block_polygon1 {
		width: 40px;
	}
	.block_polygon1 {
		top: 32%;
        display: none;
	}
	/***************DETAIL*******************/
	.block_detail .block_content_inner {
	    padding: 30px;
	}
	.block_detail .col-md-3:first-child {
		text-align: center;
	}
    #carousel-example-2 {
        margin-bottom: 30px;
        max-height: inherit;
    }
     .carousel-inner{
        max-height:100px;
    }
    .carousel-inner h2 {
        margin-bottom: 15px;
    }
    .carousel-inner p, .banner {
        margin-bottom: 5px;
    }
    .block_detail .block_content_inner img.w-50 {
        width: 100%!important;
    }
}
@media (min-width: 415px) {
    .banner {
        float: right!important;
        margin-left: 16px;
    }
}
/* noto-sans-regular - vietnamese_latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v10-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v10-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v10-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v10-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v10-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v10-vietnamese_latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* roboto-500 - vietnamese_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-vietnamese_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-vietnamese_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-vietnamese_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-vietnamese_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-vietnamese_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-vietnamese_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}