@media (min-width:1400px) {
	.container {
		width: 1200px;
	}
}

@media (min-width:1480px) {
	.container {
		width: 1400px;
	}

}

@media (max-width:1024px) {
	.container {
		position: relative;
		width: 100%;
	}

	.header-wrapper {
		align-items: center;
	}

	.logo a {
		padding: 15px 0;
	}

	.logo a img {
		max-width: unset;
		max-height: 40px;
	}

	.header-index-fixed .logo img.white{
		display: block;
	}

	.header-index-fixed .logo img:not(.white){
		display: none;
	}

	.header-index-fixed.open .logo img.white{
		display: none;
	}

	.header-index-fixed.open .logo img:not(.white){
		display: block;
	}

	.nav-mobile-btn {
		display: block;
		position: relative;
		width: 60px;
		height: 60px;
	}

	.nav-mobile-btn span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 45px;
		height: 1px;
		border-radius: 1px;
		background: var(--font);
	}

	.nav-mobile-btn span::before,
	.nav-mobile-btn span::after {
		content: "";
		display: block;
		width: 45px;
		height: 1px;
		border-radius: 1px;
		background: var(--font);
		transition: .5s;
	}

	.header-index-fixed .nav-mobile-btn span,
	.header-index-fixed .nav-mobile-btn span::before,
	.header-index-fixed .nav-mobile-btn span::after{
		background-color: var(--black);
	}

	.header-index-fixed.open .nav-mobile-btn span::before,
	.header-index-fixed.open .nav-mobile-btn span::after{
		background-color: var(--font);
	}

	.nav-mobile-btn span::before {
		margin-top: -15px;
	}

	.nav-mobile-btn span::after {
		margin-top: 30px;
	}

	.open .nav-mobile-btn span {
		background: transparent;
	}

	.open .nav-mobile-btn span::before {
		transform: rotate(45deg);
		margin-top: unset;
	}

	.open .nav-mobile-btn span::after {
		transform: rotate(-45deg);
		margin-top: unset;
	}

	.header-index-fixed.open,
	.header-fixed.open {
		background-color: var(--white);
	}

	.flex-nav-wrapper {
		position: absolute;
		top: 100%;
		left: -100%;
		width: 100%;
		height: calc(100vh - 80px);
		background-color: var(--white);
		border-top: 1px solid var(--main);
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		transition: .5s;
		z-index: 999;
	}

	.flex-nav-wrapper li {
		height: auto;
	}

	.open .flex-nav-wrapper {
		left: 0;
		visibility: visible;
		opacity: 1;
	}

	.header-sticky .flex-nav-wrapper {
		height: calc(100vh - 76px);
		z-index: 999;
	}

	.flex-nav-wrapper li {
		display: block;
		width: 100%;
	}

	.flex-nav-wrapper li a {
		flex-direction: row;
		justify-content: space-between;
		font-size: 16px ;
		color: var(--font);
		padding: 20px;
		height: auto;
	}

	.header-index-fixed .flex-nav-wrapper li a{
		color: var(--font);
	}

	.flex-nav-wrapper li a span.expand {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
	}

	.flex-nav-wrapper li a span.expand::after {
		content: "";
		width: 20px;
		height: 20px;
		border: 1px solid var(--font);
		border-left: 0;
		border-bottom: 0;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
		transition: .5s;
	}

	.flex-nav-wrapper li.open a span.expand::after {
		transform: translate(-50%, -50%) rotate(135deg);
	}

	.flex-nav-wrapper li.active a::after,
	.flex-nav-wrapper li:hover a::after {
		width: 100%;
		border-width: 1px;
	}

	.flex-nav-wrapper li ul.nav-sub-ul {
		position: initial;
		background-color: var(--white);
		max-height: 0;
		overflow: hidden;
		transition: .5s;
	}

	.flex-nav-wrapper li.open ul.nav-sub-ul {
		max-height: 1000px;
		visibility: visible;
		opacity: 1;
	}

	.flex-nav-wrapper li ul.nav-sub-ul li a {
		color: var(--font);
		padding: 10px 30px;
	}

	.flex-nav-wrapper li .nav-fixed-ul {
		position: initial;
		max-height: 0;
		overflow: hidden;
		transition: height 0.5s;
	}

	.flex-nav-wrapper li:hover .nav-fixed-ul {
		padding: 0;
	}

	.flex-nav-wrapper li.open .nav-fixed-ul {
		background-color: var(--white);
		padding: 0;
		max-height: 1000px;
		visibility: visible;
		opacity: 1;
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-name{
		display: grid;
		grid-template-columns: repeat(6,calc((100% - 50px) / 6));
		grid-gap: 10px ;
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-desktop{
		display: none;
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-name a,
	.header-index-fixed .flex-nav-wrapper li .nav-fixed-ul .nav-tab-name a{
		color: var(--font);
	}

	/* .flex-nav-wrapper li .nav-fixed-ul .nav-tab-name .nav-tab-ul:last-child{
		grid-column: span 5;
	} */

	.flex-nav-wrapper li.open .nav-fixed-ul  .nav-tab-name .nav-tab-ul .nav-tab-ul-title{
		display: none;
	}

	.flex-nav-wrapper li.open .nav-fixed-ul  .nav-tab-name .nav-tab-ul .nav-tab-li{
		display: grid;
		grid-template-columns: repeat(5,calc((100% - 40px) / 5));
		grid-gap: 10px ;
	}

	.flex-nav-wrapper li.search {
		margin-left: 0;
		padding: 20px;
	}

	.flex-nav-wrapper li.search a,
	.flex-nav-wrapper li.earth a{
		display: none;
	}

	.flex-nav-wrapper li.search .search-form {
		position: initial;
		padding: 0;
		transform: rotate(0deg);
	}

	.flex-nav-wrapper li.search .search-form form input {
		width: calc(100% - 30px);
		height: 50px;
		border: 1px solid #dcdcdc;
	}

	.flex-nav-wrapper li.search .search-form form button {
		width: 50px;
		height: 50px;
	}
	
	.flex-nav-wrapper li.earth a{
	    height: auto;
	}
	
	.flex-nav-wrapper li.earth .lang-link{
	    position: initial;
	    display: flex;
	    visibility: visible;
	    opacity: 1;
	}
	

	.header-mobile-btn {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
	}

	.header-mobile-btn span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--white);
	}

	.header-mobile-btn span::before,
	.header-mobile-btn span::after {
		content: "";
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--white);
		transition: .5s;
	}

	.header-mobile-btn span::before {
		margin-top: -10px;
	}

	.header-mobile-btn span::after {
		margin-top: 20px;
	}

	.open .header-mobile-btn span {
		background: transparent;
	}

	.open .header-mobile-btn span::before {
		transform: rotate(45deg);
		margin-top: unset;
	}

	.open .header-mobile-btn span::after {
		transform: rotate(-45deg);
		margin-top: unset;
	}

	.scroll-banner-swiper .swiper-button-prev,
	.scroll-banner-swiper .swiper-button-next {
		visibility: visible;
		opacity: 1;
	}

	.scroll-banner-swiper .swiper-button-prev {
		left: 30px;
	}

	.scroll-banner-swiper .swiper-button-next {
		right: 30px;
	}

	.scroll-banner-swiper .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet span{
		font-size: 12px ;
	}

	.scroll-banner-swiper .swiper-pagination-container .swiper-pagination .swiper-pagination-bullet:not(:last-child){
		margin-right: 5px ;
	}

	.index-flag-banner .item-flag .flag-content .name {
		font-size: 40px;
	}

	.index-flag-banner .item-flag .flag-content .desc {
		font-size: 24px;
	}

	.topic-center-title,
	.topic-left-title {
		font-size: 40px;
	}

	.topic-center-subtitle,
	.topic-form-desc {
		font-size: 24px;
	}

	.index-flag-banner .item-side-flag .side-content p {
		font-size: 40px;
	}

	.category-product-name .category-line a {
		padding: 30px 0;
	}

	.banner-container {
		width: 100%;
	}

	.banner-text .title {
		font-size: 40px;
	}

	.banner-text .desc {
		margin-top: 20px;
	}

	.static-social-banner .banner-content {
		width: 100%;
	}

	.banner-flex-content .topic .title {
		font-size: 40px;
	}

	.banner-flex-content .topic .subtitle {
		font-size: 30px;
	}

	.static-social-banner .banner-flex-content .topic .desc {
		padding: 20px 0 40px;
	}

	.flex-instrument-content .title {
		font-size: 40px;
	}

	.flex-instrument-content .subtitle {
		font-size: 24px;
	}

	.flex-instrument-content .desc {
		font-size: 20px;
	}

	.about-desc-wrapper .about-content {
		position: initial;
		transform: translate(0, 0);
	}

	.about-desc-wrapper .about-content .about-paragh {
		width: 100%;
	}

	.about-scroll-num {
		padding: 0 0 80px;
	}

	.about-scroll-num .item-num .count .num {
		font-size: 60px;
	}

	.static-buy-banner .banner-content {
		width: 100%;
	}

	.banner-flex-content .topic .desc {
		font-size: 24px;
	}

	.buy-topic-title {
		font-size: 40px;
	}
	
	/* Contact */
	.contact-topic-title,
	.grid-row-cards .item-card .card-topic {
		font-size: 50px;
	}

	.grid-row-cards .item-card .card-infos {
		padding-right: 0;
	}

	.grid-row-cards .item-card .card-infos {
		flex-direction: column;
		gap: 20px;
	}

	.footer-nav,
	.footer-ul {
		width: calc((100% - 60px) / 2);
	}

	.gotoTop {
		right: 20px;
	}

	/* 2025-02-26 Reset Style */
	.scroll-banner-swiper .swiper-pagination-container{
		width: 100% ;
		left: auto;
		transform: translate(0,0);
	}
	.grid-reset-container .item-reset-inner .inner-container .inner-content{
		top: 20px ;
		
	}
	.grid-reset-container .item-reset-inner .inner-container .inner-title{
		font-size: 18px ;
	}
	.grid-reset-container .item-reset-inner .inner-container .inner-description{
		font-size: 12px ;
		margin-bottom: 10px ;
	}
	.grid-reset-container .item-reset-inner .inner-container .inner-button{
		font-size: 10px ;
		margin-bottom: 0;
	}

	.topic-reset-title{
		font-size: 40px ;
	}

	.topic-reset-description{
		font-size: 24px ;
	}

	.scroll-media-swiper .media-inner-container .media-title{
		font-size: 24px ;
	}

	.scroll-media-swiper .media-inner-container .media-description{
		font-size: 16px ;
	}

	.scroll-media-swiper .media-inner-container .media-link{
		font-size: 12px ;
	}

}

@media (max-width:992px) {
	.flex-nav-wrapper li a span.expand::after {
		width: 16px;
		height: 16px;
	}

	.index-flag-banner .item-flag .flag-content {
		top: 30px;
	}

	.index-flag-banner .item-flag .flag-content .name {
		font-size: 32px;
	}

	.index-flag-banner .item-flag .flag-content .more span {
		margin-top: 20px;
	}

	.index-flag-product,
	.index-form {
		padding: 50px 0;
	}

	.scroll-flag-product .item .thumb-desc .desc {
		font-size: 20px;
	}

	.category-product-name .category-line a {
		flex-direction: column;
	}

	.category-product-name .category-line a span.name {
		font-size: 20px;
		margin-left: 0;
		margin-top: 10px;
	}

	.list-product-wrapper {
		padding: 50px 0;
	}

	.grid-product-container {
		grid-template-columns: repeat(4, calc((100% - 40px) / 3));
		grid-gap: 20px;
		margin-bottom: 50px;
	}

	.category-grid {
		padding: 50px 0;
	}

	.category-grid .item .thumb-desc .title {
		font-size: 40px;
	}

	.banner-text .desc {
		font-size: 20px;
		margin-top: 0;
	}

	.banner-flex-content .topic .title,
	.banner-text .title {
		font-size: 32px;
	}

	.banner-flex-content .topic .desc {
		font-size: 20px;
	}

	.static-social-banner .qrcode .thumb img {
		max-width: 100px;
	}

	.banner-container {
		position: initial;
		padding: 30px;
		transform: translate(0, 0);
	}

	.banner-text .title,
	.banner-text .desc {
		color: var(--font);
	}

	.instrument-wrapper {
		flex-direction: column-reverse;
		padding: 50px;
	}

	.flex-instrument-content {
		padding-top: 30px;
	}

	.flex-instrument-content,
	.flex-instrument-thumb {
		width: 100%;
	}

	.about-scroll-num .item-num .count .num {
		font-size: 40px;
	}

	.about-scroll-num .item-num .count .unit {
		font-size: 24px;
	}

	.about-detail-wrapper {
		padding: 50px 0;
	}

	.about-topic-title,
	.about-thumb-banner .banner-title .large-title {
		font-size: 40px;
	}

	.about-thumb-banner .banner-title {
		padding: 0 50px;
	}

	.banner-flex-content .qrcode .thumb img {
		max-width: 120px;
	}

	.banner-social-links .icon-list .icon img {
		max-width: 80px;
	}

	.banner-buy-links .icon-list .icon img {
		max-width: 160px;
	}
	
	/* 2024-05-10 New Module Style */
	.list-down-section{
		padding: 50px 50px 80px ;
	}

	.grid-list-line{
		grid-gap: 50px ;
	}

	.grid-list-line .item-line{
		padding: 50px 20px ;
	}

	.grid-list-line .item-line .line-sys{
		width: 40px ;
		height: 40px ;
	}

	.grid-list-line .item-line .line-sys img{
		width: 20px ;
	}

	.grid-list-line .item-line .title{
		font-size: 20px ;
	}

	.list-learning-video .topic-title img{
		max-width: 60px ;
	}

	.list-learning-video .topic-title span{
		font-size: 36px ;
	}

	.list-video-section{
		padding: 50px 0 50px ;
	}

	.list-video-section .item-video .detail .intro .title{
		font-size: 20px ;
		margin-bottom: 10px ;
	}

	.layer-frame-video .layer-video{
		width: 80% ;
		height:50vh;
	}

}

@media (max-width:576px) {
	.header-fixed {
		position: initial;
		background-color: var(--white);
	}

	.header-sticky {
		position: fixed;
		width: 100%;
	}

	.logo a {
		padding: 10px 0;
	}

	.logo a img{
		max-height: 30px ;
	}

	.nav-mobile-btn {
		width: 30px;
		height: 30px;
	}

	.nav-mobile-btn span,
	.nav-mobile-btn span::before,
	.nav-mobile-btn span::after {
		width: 25px;
	}

	.nav-mobile-btn span::before {
		margin-top: -8px;
	}

	.nav-mobile-btn span::after {
		margin-top: 15px;
	}

	.header-sticky .flex-nav-wrapper {
		height: calc(100vh - 66px);
		overflow-y: auto;
	}

	.flex-nav-wrapper li a,
	.flex-nav-wrapper li.search {
		padding: 10px;
	}

	.flex-nav-wrapper li a span.expand {
		width: 30px;
		height: 30px;
	}

	.flex-nav-wrapper li a span.expand::after {
		width: 12px;
		height: 12px;
	}

	.flex-nav-wrapper li.open .nav-fixed-ul {
		padding: 0;
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-name {
		/* flex-wrap: wrap;
		justify-content: flex-start; */
		grid-template-columns: repeat(3,calc((100% - 20px) / 3));
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-name a {
		/* width: 33%;
		text-align: center; */
	}

	.flex-nav-wrapper li .nav-fixed-ul .nav-tab-product .item-list {
		grid-template-columns: repeat(3, 1fr);
	}

	/* .flex-nav-wrapper li .nav-fixed-ul .nav-tab-name .nav-tab-ul:last-child {
		grid-column: span 2;
	  } */

	  .flex-nav-wrapper li.open .nav-fixed-ul .nav-tab-name .nav-tab-ul .nav-tab-li{
		grid-template-columns: repeat(3,calc((100% - 20px) / 3));
	  }

	.scroll-banner-swiper .swiper-pagination-container {
		bottom: 10px;
	}

	.scroll-banner-swiper .swiper-button-prev,
	.scroll-banner-swiper .swiper-button-next {
		width: 30px;
		height: 30px;
	}

	.scroll-banner-swiper .swiper-button-prev,
	.scroll-banner-swiper:hover .swiper-button-prev {
		left: 10px;
	}

	.scroll-banner-swiper .swiper-button-next,
	.scroll-banner-swiper:hover .swiper-button-next {
		right: 10px;
	}

	.scroll-banner-swiper .swiper-button-prev::after,
	.scroll-banner-swiper .swiper-button-next::after {
		font-size: 16px;
	}

	.index-flag-banner .item-flag .flag-content {
		width: 100%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.index-flag-banner .item-flag .flag-content .name {
		font-size: 20px;
	}

	.index-flag-banner .item-flag .flag-content .desc {
		font-size: 16px;
		font-weight: normal;
	}

	.index-flag-banner .item-flag .flag-content .more span {
		background-color: var(--main);
		font-size: 12px ;
		color: var(--white);
		margin-top: 10px;
		padding: 3px 30px;
		border-color: var(--main);
	}

	.topic-center-title,
	.topic-left-title {
		font-size: 24px;
	}

	.topic-center-subtitle,
	.topic-form-desc {
		font-size: 20px;
		margin: 20px 0;
	}

	.scroll-flag-product .item {
		padding: 30px 10px;
	}

	.scroll-flag-product .item .thumb-desc .desc {
		font-size: 16px;
		text-align: center;
	}

	.index-flag-banner .item-side-flag {
		position: initial;
		transform: translate(0, 0);
	}

	.index-flag-banner .item-side-flag .side-content {
		width: 100%;
		padding: 30px 0;
	}

	.index-flag-banner .item-side-flag .side-content p {
		font-size: 24px;
		color: var(--main);
	}

	.index-flag-banner .item-side-flag .side-content .more a {
		margin-top: 30px;
		background-color: var(--font);
		color: var(--white);
		border-color: var(--font);
	}

	.list-search-form {
		width: 100%;
		padding: 30px 0;
	}

	.list-search-form button {
		padding: 0 30px;
	}

	.category-product-name .category-line a {
		padding: 20px 0;
	}

	.category-product-name .category-line a span.icon {
		width: 40px;
		height: 40px;
	}

	.category-product-name .category-line a span.icon img {
		max-width: 30px;
	}

	.category-product-name .category-line a span.name {
		font-size: 16px;
	}

	.form-elements .form-line {
		flex-direction: column;
	}

	.form-elements .form-line input:not(:last-child),
	.form-elements .form-line textarea:not(:last-child) {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.form-elements .form-line button {
		width: 100%;
	}

	.grid-product-container {
		grid-template-columns: repeat(2, calc((100% - 20px) / 2));
	}

	.grid-product-container .item {
		padding: 20px 10px;
	}

	.category-grid {
		grid-gap: 30px;
	}

	.category-grid .item .thumb-desc .title {
		font-size: 24px;
	}

	.banner-container {
		padding: 20px 10px;
	}

	.banner-flex-content .topic .title,
	.banner-text .title {
		font-size: 24px;
	}

	.banner-text .desc {
		font-size: 16px;
		line-height: 30px;
	}

	.static-social-banner .banner-content {
		position: initial;
		transform: translate(0, 0);
		padding: 30px 0;
	}

	.banner-flex-content .topic .subtitle {
		font-size: 20px;
		color: var(--font);
	}

	.banner-flex-content .topic .desc {
		font-size: 16px;
		color: var(--font);
	}

	.static-social-banner .qrcode {
		top: 35px;
	}

	.instrument-wrapper {
		padding: 30px 15px;
	}

	.flex-instrument-content .title {
		font-size: 32px;
	}

	.flex-instrument-content .subtitle {
		font-size: 20px;
	}

	.flex-instrument-content .desc {
		font-size: 16px;
		line-height: 30px;
	}

	.index-flag-product,
	.index-form {
		padding-bottom: 30px;
	}

	.about-desc-wrapper .about-content .about-paragh {
		padding: 50px 30px;
	}

	.about-desc-wrapper .about-content .about-paragh .light-title {
		font-size: 30px;
	}

	.about-desc-wrapper .about-content .about-paragh .bold-title {
		font-size: 50px;
	}

	.about-scroll-num {
		flex-wrap: wrap;
		padding-bottom: 20px;
	}

	.about-scroll-num .item-num {
		width: 48%;
		margin-bottom: 30px;
	}

	.about-topic-title,
	.about-thumb-banner .banner-title .large-title {
		font-size: 32px;
	}

	.scroll-flag-product .swiper-pagination {
		margin-top: 30px;
	}

	.scroll-if-swiper {
		margin: 50px 0 30px;
	}

	.about-thumb-banner .banner-title {
		position: initial;
		padding: 30px 15px 0;
		transform: translate(0, 0);
	}

	.about-thumb-banner .banner-title .large-title {
		font-size: 24px;
	}

	.about-thumb-banner .banner-title .small-title {
		font-size: 20px;
		color: var(--font);
	}
	
	.about-join-list{
		padding: 50px 0 ;
	}
	
	.join-list .join-list-title{
		padding: 0 10px ;
	}
	
	.join-list .join-list-row .item-row .item-row-title{
		padding: 15px 10px ;
	}
	
	.join-list .join-list-row .item-row-open .item-row-detail{
		padding: 20px 15px ;
	}
	
	.static-buy-banner .banner-content{
		position: initial;
		transform: translate(0,0);
	}
	
	.banner-flex-content{
		flex-direction: column;
		align-items: flex-start;
		padding: 30px 0 ;
	}
	
	.banner-flex-content .qrcode .thumb .line-top-left,
	.banner-flex-content .qrcode .thumb .line-top-right,
	.banner-flex-content .qrcode .thumb .line-bottom-left,
	.banner-flex-content .qrcode .thumb .line-bottom-right{
		border-color: var(--font);
	}
	
	.banner-flex-content .qrcode{
		margin-top: 20px ;
	}
	
	.banner-flex-content .qrcode .note{
		color: var(--font);
	}
	
	.banner-social-links{
		padding: 50px 0 ;
	}
	
	.buy-topic-title{
		font-size: 32px ;
	}
	
	.banner-social-links .icon-list{
		grid-template-columns: repeat(3,1fr);
	}
	
	.banner-buy-links .icon-list{
		grid-template-columns: repeat(2,1fr);
	}
	
	.banner-buy-links .icon-list .icon img{
		max-width: 120px ;
	}
	
	/* Contact */
	.section-contact-padding {
		padding: 50px 0;
	}
	
	.grid-row-cards.no-underline::after{
		top: calc(100% - 51px);
	}

	.contact-topic-title,
	.grid-row-cards .item-card .card-topic {
		font-size: 24px;
	}

	.grid-row-cards .item-card {
		width: 100%;
		margin-bottom: 50px;
	}

	.grid-row-cards .item-card::after {
		height: 50px;
	}
	
	.grid-row-cards .item-card .card-group-elements{
		border-right: 0;
	}

	.grid-row-cards .item-card:nth-child(odd) .card-topic,
	.grid-row-cards .item-card:nth-child(odd) .card-group-elements {
		padding-right: 0;
	}

	.grid-row-cards .item-card:nth-child(even) .card-topic,
	.grid-row-cards .item-card:nth-child(even) .card-group-elements {
		padding-left: 0;
	}
	
	.grid-row-cards .item-card .card-infos .card-qrcode img{
		max-width: 200px ;
	}


	.footer-wrapper {
		flex-direction: column;
	}

	.footer-nav,
	.footer-ul {
		width: 100%;
	}

	.footer-nav {
		margin-bottom: 30px;
	}

	.footer-nav dl dt {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.social-links .icon {
		width: 40px;
		height: 40px;
	}

	.contact-ul li {
		background-position: left top 3px;
	}

	.gotoTop {
		right: 10px;
		bottom: 20px;
	}
	
	/* 2024-05-10 New Module Style */
	.list-down-section{
		padding: 50px 0 60px ;
	}

	.grid-sys-tabs{
		width: 100% ;
		padding: 0 15px ;
	}

	.grid-sys-tabs a.item-sys{
		width: 50% ;
		min-width: unset;
	}

	.grid-sys-tabs a.item-sys img{
		width: 20px ;
	}

	.grid-sys-tabs a.item-sys span{
		font-size: 16px ;
	}

	.grid-list-tabs{
		margin: 50px 0 0;
	}

	.grid-list-line{
		grid-template-columns: 100% ;
	}

	.grid-list-line .item-line .btn a{
		font-size: 16px ;
	}

	.list-learning-video .topic-title img{
		max-width: 40px ;
	}

	.list-learning-video .topic-title span{
		font-size: 24px ;
	}

	.list-video-section .item-video{
		grid-template-columns: 100% ;
		padding: 30px 15px ;
	}

	.list-video-section .item-video .detail{
		padding-left: 0 ;
	}

	.list-video-section .item-video .detail .play-text-btn{
		margin-top: 30px ;
	}

	.list-video-section .item-video .detail .play-text-btn{
		font-size: 16px ;
	}

	.layer-frame-video .layer-video{
		height: 40vh;
	}

	/* 2025-02-26 Reset Style */
	.grid-reset-container{
		margin-bottom: 30px ;
	width:95%;
	}
	.grid-reset-container .item-reset-inner .inner-container .inner-content{
		top: 0 ;
		transform: scale(0.6);
	}

	.topic-reset-title{
		font-size: 28px ;
	}

	.topic-reset-description{
		font-size: 16px ;
	}

	.scroll-media-swiper{
		margin-bottom: 50px ;
	}

	.scroll-media-swiper .swiper-button-prev{
		left: 10px ;
	}

	.scroll-media-swiper .swiper-button-next{
		right: 10px ;
	}

	.scroll-media-swiper .media-inner-container .media-inner-content{
		top: 30px ;
	}

	.scroll-media-swiper .media-inner-container .media-title{
		font-size: 20px ;
	}

	.scroll-media-swiper .media-inner-container .media-description{
		font-size: 12px ;
		margin-bottom: 10px ;
	}

	.scroll-media-swiper .media-inner-container .media-link{
		margin-bottom: 0 ;
	}

}