.itopplus-background {

}
body {
	overflow-x: hidden;
	font-family: "Onest", "Noto Sans Thai", sans-serif;
}

.itopplus-bg {
	background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/1869/0/542409871610609665xhjl678794431985z-z1567550555964.webp');
}

.itopplus-bg2 {
	background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/0/0/2z-z747078352410.webp');
}

.itopplus-bg3 {
	background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/0/0/3z-z103355564814.webp');
}

.itopplus-bg4 {
	background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/0/0/4z-z497311446827.webp');
}

.itopplus-bg5 {
	background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/0/0/5z-z970205450732.webp');
}

.navbar-default .navbar-nav>li>a {
	color: #2c2c2c;
	margin: 0 5px;
	padding: 8px 5px;
	font-family: "Onest", sans-serif;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #184680 !important;
	box-shadow: none;
	border-radius: none;
	border-bottom: none;
	background: transparent;
	background-color: transparent;
}

.dropdown-menu>li>a {
	color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #fff;
	background: #184680;
}

@media screen and (max-width: 992px) {

	#controlBanner img {
		position: fixed;
		top: 5px;
		left: 10px;
		width: 40px !important;
		z-index: 10000;
	}

	.navbar-default,
	.navbar-header,
	#ItopplusMainSidebar {
		background: #fff !important;
	}

	#ItopplusMainSidebar a {
		color: #444 !important;
		text-align: left !important;
	}

	#itpMenuSideBar span.icon-bar {
		background: #444 !important;
	}

	.navbar-header i {
		filter: contrast(.5);
	}
}

@media screen and (min-width: 1024px) {
	.itopplus-banner .container {
		display: grid;
		grid-template-columns: 12% auto;
		align-items: center;
	}

	.itopplus-banner .container::before,
	.itopplus-banner .container::after {
		display: none;
	}

	.no-js .itopplus-banner {
		position: sticky;
		top: 0;
		z-index: 110;
	}

	.itopplus-banner {
		background: #fff;
		transition: .3s;
	}

	.itopplus-sticky {
		background: #fff !important;
	}

	#controlBanner {
		object-fit: contain;
		padding: 20px;
		width: 100%;
		min-width: 160px;
		margin: 0 auto;
		transition: .3s;
	}

    .itp-block {
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: 100%;
        justify-content: space-evenly;
    }

	#nav-menu {
		text-align: right;
		background-color: transparent;
	}

	.itopplus-search {
		text-align: right;
	}


	.page-header.font-inherit {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
	}




}



@media screen and (min-width : 1366px) {}

@media screen and (min-width : 1900px) {}

@media screen and (max-width : 900px) {}

@media screen and (max-width : 480px) {}

/************font-size***************/

.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a {
	font-size: 16px;
}

h1 {
	font-size: 4.125em;
}

h2 {
	font-size: 3.2em;
}

h3 {
	font-size: 2.8em;
}

h4,
h3.managerHeader {
	font-size: 2.2em;
}

h5 {
	font-size: 1.8em;
}

h6 {
	font-size: 1.4em;
}

p,
.ntq-table tbody>tr>td,
.table-product thead>tr>th {
	font-size: 16px;
}

.btn-more,
.table-product tbody>tr>td,
div#Component66b4a45d07c2660013bba15e button {
	font-size: 14px;
}

.pt-3 {
	padding-top: 3%;
}

.pt-5 {
	padding-top: 5%;
}

.pt-8 {
	padding-top: 8%;
}


/****************************master-page*****************************/

.head-social {
	width: 15%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: auto;
	margin-right: 0;
	gap: 10px;
}

.footer h6,
.head-client h5 {
	margin-bottom: 2rem;
}

.footer li {
	display: grid;
	grid-template-columns: 25px auto;
	gap: 10px;
	align-items: baseline;
	margin-bottom: 5%;
}

.footer ul {
	list-style: none;
	padding: 0;
	margin-top: 9%;
}

.social-footer {
	width: 60%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.copy-right {
	border-top: 1px solid #9c9c9c;
	padding: 2% 0;
	text-align: right;
	margin-top: 2%;
}

.footer p {
	margin-bottom: 0.5rem;
}

.footer a {
	color: #fff;
}

.footer a:hover,
.professer a:hover {
	color: #2f94ff;
}

/*.sect-about, .sect-solution, .sect-head , .content-customer h4,
.about-concept, .about-solution, .last-about, .head-client,
.pre-blog, .notic-page, .cont-page, .dropdown-menu>li>a,
.detail-morphisec ,.sub-morphisec, .items-mor, .detail-morphisec2,
.table-product, .blog-morp, .morp-guard, .professer-sect,
.items-pdpa, .detail-pdpa, .detail-profess, .text-profess,
.ntq-table, h3.managerHeader, .footer, .TabItpContentLandingPage .tab-content,
.blog-detail, .blog-knight{
    font-family: "Onest", "Noto Sans Thai", sans-serif;
}*/

.fw-semi,
.sect-about h5,
.sect-solution h2,
.text-solution h6,
.sect-service h5,
.content-customer p,
.last-about h6,
.notic-page h6,
.cont-page h6,
.sub-morphisec h4,
.items-mor h6,
.morp-guard h5,
.blog-detail h6,
.content-tab-pd h6,
.pdpa-detail h6 {
	font-weight: 600;
}

.fw-bold,
.content-customer h4,
.sect-head h2,
.sect-about h2,
.head-page h3,
.head-client h5,
.notic-page h5,
.cont-page h5,
.detail-morphisec h5,
.detail-morphisec2 h5,
.text-knight h6,
h3.managerHeader,
.blog-detail h5,
.rate-knowb4 h4,
.pdpa-detail h5 {
	font-weight: 700;
}

.text-blue {
	color: #6588ab;
}

.detail-morphisec2 a:hover {
	color: #78bcff;
}

.text-blue2,
.cont-page a:hover,
.content-pdpa a:hover,
.text-solution2:hover {
	color: #184680;
}

.content-customer p {
	color: #4e4e4e;
}

.text-grey {
	color: #6d6f71;
}

.bg-blue {
	background: #6588ab;
	color: #fff;
}

.text-eng,
.sect-solution h2,
.sect-head h2,
.head-page h6 {
	text-transform: uppercase;
}

.sect-about h2,
.sect-about h5,
.sect-head h2,
.text-customer h5,
.last-about h6,
.head-client h5,
.notic-page h5,
.cont-page h5,
.detail-morphisec h5,
.items-mor h6,
.text-knight h6,
h3.managerHeader,
.blog-detail h5,
.rate-knowb4 h4,
.pdpa-detail h5 {
	color: #184680;
}

.sect-about h5 {
	line-height: 32px;
	margin-top: 5%;
}

.sect-about {
	padding-left: 8%;
	padding-top: 18%;
}

.sect-about hr {
	border-color: #6588ab;
	border-width: 5px;
	width: 70px;
	margin: 4% 0 7%;
}

.sect-about p,
.sect-solution p,
.sect-service p,
.about-concept p,
.about-solution p,
.last-about p,
.notic-page p,
.detail-morphisec p,
.items-mor p,
.detail-morphisec2 p,
.morp-guard p,
.content-pdpa p,
.blog-detail p,
.page-know4 p,
.text-knight p,
.pdpa-detail p,
.blog-detail h6 {
	line-height: 28px;
}

.sect-about h2 {
	margin-top: 0;
}

.sect-solution h2 {
	margin-bottom: 4%;
	margin-top: 16%;
}

.btn-more {
	width: fit-content;
	padding: 1rem 2rem;
	background: #fff;
	color: #000;
	border-radius: 30px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	overflow: hidden;
}

.btn-more::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #184680;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-more:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more {
	color: #fff;
}

.btn-more:hover::before,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.sect-solution p {
	margin-bottom: 6%;
}

.blog-solution ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	list-style: none;
	padding: 0;
}

.blog-solution li,
.page-know {
	filter: drop-shadow(-1px 6px 6px rgba(0, 0, 0, 0.1));
}

.img-solution {
	width: 30%;
	margin-bottom: 6%;
}

.items-solution {
	clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 6% 10%;
	color: #000;
}

.sect-head h2,
.sect-service,
.text-customer h5,
.point-about,
.head-client,
.cont-page,
.sub-morphisec,
.items-mor,
.professer-sect,
.items-pdpa,
.detail-profess,
.table-product thead>tr>th,
.table-product tbody>tr>td,
h3.managerHeader {
	text-align: center;
}

.logo-service {
	width: 40%;
	background: #000;
	padding: 3%;
	border-radius: 20px;
	box-shadow: 0 4px 8px rgb(0, 0, 0, .1);
	margin: auto;
	margin-bottom: 5%;
}

.sect-service h5,
.last-about p,
.notic-page p,
.sub-morphisec h4,
.content-pdpa p {
	margin-bottom: 2%;
}

.sect-service p,
.morp-guard p {
	margin-bottom: 3%;
}

.sect-service .btn-more,
.items-mor .btn-more,
.page-know4 .btn-more {
	margin: auto;
}

.video-section {
	display: grid;
	grid-template-columns: 30% 38% 30%;
	gap: 10px;
	margin-top: 2%;
	margin-bottom: 5%;
	align-items: center;
}

.embed-responsive.embed-responsive-16by9 {
	padding-bottom: 64.25%;
}

.blog-customer {
	background: #fff;
	padding: 3% 6%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	margin-top: 2%;
}

.text-big {
	color: #f84517;
	font-weight: 700;
	font-size: 40px;
}

.text-orange {
	color: #f84517;
}

.text-customer ul,
.sect-service ul {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.text-customer li {
	display: grid;
	grid-template-columns: 30% auto;
	align-items: center;
	gap: 15px;
}

.content-customer h4 {
	color: #01284e;
}

.content-customer h4 {
	margin-bottom: 2%;
	text-align: left;
}

figure.effect-selena {
	background: transparent;
}

div#Component66b34348110acc001272a918 {
	position: relative;
	top: 190px;
	left: 60px;
}

div#Component66b343c763eb2f001336232a {
	position: relative;
	top: 90px;
	right: 50px;
}

.sect-service li {
	display: grid;
	grid-template-columns: 18% auto;
	text-align: left;
	align-items: center;
	gap: 10px;
	margin-bottom: 1%;
}

.morp-guard li {
	margin-bottom: 1%;
}

.sect-service ul,
.sect-cont-service,
.text-profess p {
	margin-bottom: 5%;
}

.sect-cont-service p {
	margin: 0;
}

.marquee-content {
	display: flex;
	animation: scrolling 30s linear infinite;
}

.marquee-item {
	flex: 0 0 11vw;
	margin: 0 1vw;
	/*   flex: 0 0 20vw; */
	/*   margin: 0 2vw; */
}

@keyframes scrolling {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translatex(-144vw);
	}
}

.marquee-item img {
	width: 100%;
	border: 1px solid #ddd;
}

.head-page {
	text-align: center;
	background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_09072023gk18/1423/0/banner-pagez-z1552873787041.webp);
	padding: 3%;
	color: #fff;
	font-family: "Onest", "Noto Sans Thai", sans-serif;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(100% 0, 100% 70%, 95% 100%, 0 100%, 0 0);
}

.point-about h6,
.ntq-page h6 {
	line-height: 32px;
	font-weight: 400;
}

.point-about h5,
.about-concept h5,
.about-solution h5 {
	font-weight: 600;
	margin-bottom: 3%;
}

.about-concept {
	padding-left: 7%;
	padding-top: 15%;
	padding-right: 13%;
}

.about-solution p,
.detail-morphisec p,
.detail-morphisec2 p,
.blog-detail p {
	margin-bottom: 3%;
}

.last-about {
	background: #fff;
	padding: 3%;
	color: #000;
	margin-bottom: -75px;
	text-align: center;
}

div#contentnewmode66b471a056bf3a0013f766a9 {
	position: relative;
	z-index: -1;
}

.about-solution {
	padding-right: 10%;
}

.img-comp {
	position: relative;
	left: 105px;
	top: 145px;
	width: 85%;
}

div#Component66b4801228d0760013ce22e2 .col-md-3.col-sm-4.col-xs-4,
div#Component66b47a2c07c2660013bb9882 .col-md-3.col-sm-4.col-xs-4,
div#Component66b4816328d0760013ce2344 .col-md-3.col-sm-4.col-xs-4,
div#Component66b481ab56bf3a0013f76c62 .col-md-3.col-sm-4.col-xs-4,
div#Component66b482798d7a200013168810 .col-md-3.col-sm-4.col-xs-4,
div#Component66b482c656bf3a0013f76cc3 .col-md-3.col-sm-4.col-xs-4,
div#Component66bad4bf681fe2001313e690 .col-md-3.col-sm-4.col-xs-4 {
	width: 14.28%;
}

div#Component66b4801228d0760013ce22e2 img,
div#Component66b47a2c07c2660013bb9882 img,
div#Component66b4816328d0760013ce2344 img,
div#Component66b481ab56bf3a0013f76c62 img,
div#Component66b482798d7a200013168810 img,
div#Component66b482c656bf3a0013f76cc3 img,
div#Component66bad4bf681fe2001313e690 img {
	border: 1px solid #ddd;
}

div#Component66b4801228d0760013ce22e2 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66b47a2c07c2660013bb9882 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66b4816328d0760013ce2344 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66b481ab56bf3a0013f76c62 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66b482798d7a200013168810 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66b482c656bf3a0013f76cc3 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66bad4bf681fe2001313e690 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66c5a093eb5d1f00134903d1 .none-middle-mid>div>div>div>div:nth-child(3),
div#Component66d148b846cfa70013599c2b .none-middle-mid>div>div>div>div:nth-child(3) {
	justify-content: center;
}

.Text_seller2 {
	display: none;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img {
	border-radius: 30px 30px 0 0;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
	width: 31.33%;
	padding: 0 !important;
	box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
	border-radius: 30px;
	margin: 1%;
	margin-bottom: 3%;
}

.pre-blog {
	padding: 5%;
	text-align: left;
}

.pre-blog h6 {
	color: #282828;
	line-height: 26px;
	margin-top: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 50px;
	margin-bottom: 5%;
}

.pre-blog .btn-more,
.items-mor .btn-more,
.page-know4 .btn-more {
	background: #f5f5f7;
}

.notic-page p.fw-semi {
	margin: 0;
}

.cont-page li {
	padding: 8%;
	background: #f5f5f7;
	border-bottom: 3px solid #f84517;
}

.cont-page li img {
	width: 50% !important;
	margin-bottom: 7%;
}

.cont-page ul {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	margin-top: 4%;
}

div#Component66b4a45d07c2660013bba15e {
	padding: 5%;
	background: #fff;
	box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
}

div#Component66b4a45d07c2660013bba15e .col-xs-12.col-sm-3.col-md-3 {
	display: none !important;
}

div#Component66b4a45d07c2660013bba15e .col-xs-12.col-sm-6.col-md-6 {
	width: 100%;
}

div#Component66b4a45d07c2660013bba15e .form-control {
	box-shadow: none;
	border-radius: 0;
	border-color: #ddd;
}

div#Component66b4a45d07c2660013bba15e .col-md-offset-3 {
	margin-left: 0;
	text-align: center;
	width: 100%;
}

div#Component66b4a45d07c2660013bba15e button {
	background-image: none;
	text-shadow: none;
	border: none;
	box-shadow: none;
	background: #184680;
	border-radius: 30px;
	color: #fff;
	padding: 0.75rem 2rem;
}

.detail-morphisec {
	padding-top: 17%;
	padding-right: 7%;
	padding-left: 5%;
}

.items-mor {
	background: #fff;
	color: #000;
	padding: 10%;
	clip-path: polygon(75% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
	min-height: 435px;
}

.items-mor .btn-more {
	margin-top: 7%;
}

.items-mor img {
	width: 65% !important;
}

div#Component66bace7d1dda750013943111 {
	margin-top: 10%;
	padding-left: 5%;
}

.detail-morphisec2 li {
	margin-bottom: 1rem;
}

.pe-7 {
	padding-left: 7%;
}

.pe-5 {
	padding-left: 5%;
}

.ps-5 {
	padding-right: 5%;
}

.table-product tbody>tr:nth-child(even),
.ntq-table tbody>tr:nth-child(odd) {
	background: #f5f5f7;
}

.table-product,
.ntq-table {
	background: #fff;
	color: #000;
}

.table-product thead>tr>th,
.table-product tbody>tr>td,
.ntq-table thead>tr>th,
.ntq-table tbody>tr>td {
	border: none !important;
	padding: 2rem;
}


div#HtmlTool66bad3031dda7500139431bf .embed-responsive.embed-responsive-16by9 {
	padding-bottom: 96.25%;
}

.text-solution2 {
	display: grid;
	grid-template-columns: 20% auto;
	align-items: center;
	gap: 20px;
	background: #fff;
	clip-path: polygon(90% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
	padding: 3% 5%;
	color: #000;
}

.blog-morp li {
	filter: drop-shadow(-1px 6px 6px rgba(0, 0, 0, 0.1));
}

.blog-morp ul {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.text-solution2 h6 {
	font-weight: 400;
}

.detail-morphisec2 h5,
.morp-guard h5,
.items-pdpa h6,
.head-text-pdpa h6 {
	line-height: 32px;
}

.morp-guard {
	padding-left: 3%;
	padding-top: 15%;
}

.blog-knight {
	background: #fff;
	padding: 5%;
	color: #000;
	text-align: center;
	clip-path: polygon(85% 0, 100% 30%, 100% 100%, 0 100%, 0 0);
	min-height: 215px;
	margin: 3%;
}

.img-knight {
	width: 25%;
	margin: auto;
	margin-bottom: 4%;
}

.logo-papage {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	width: 70%;
	margin: auto;
}

.professer-sect {
	background: #fff;
	color: #000;
	padding: 6%;
	border-radius: 20px;
}

.professer-sect img,
.detail-profess img {
	width: 40% !important;
	margin-bottom: 2%;
}

div#mainmenu66bb08ad45fd7c0013528b84 .col-md-8.col-sm-8.col-xs-12 {
	margin-top: -70px;
}

.head-pdpa {
	display: grid;
	grid-template-columns: 20% auto;
	align-items: center;
	gap: 20px;
	margin-bottom: 3%;
}

.detail-pdpa {
	padding-right: 5%;
}

.bg-profess01 {
	background: #d9f2d0;
	padding: 10%;
}

.bg-profess02 {
	background: #f2aa84;
	padding: 10%;
}

.bg-profess03 {
	background: #caeefb;
	padding: 10%;
}

.bg-profess04 {
	background: #ffffcc;
	padding: 10%;
}

.detail-profess {
	margin-bottom: 10%;
}

.page-know .blog-knight {
	min-height: 295px;
}

.ntq-page {
	display: grid;
	grid-template-columns: 30% auto;
	align-items: center;
	justify-content: center;
}

.table-ntq {
	background: #184680;
	padding: 3%;
}

.table-ntq h4 {
	color: #fff;
}

.post-time,
.fbcomments,
.landingpagemanager {
	display: none;
}

.page-header {
	padding-bottom: 0;
	margin: 3% 0 0;
	border-bottom: none;
}



.Textmanager {
	text-align: left;
	display: flow-root;
}

div#Component66b491b634c68000133f738e .img-thumbnail,
div#Component66b491b634c68000133f738e .thumbnail {
	padding: 0;
	border: none;
	box-shadow: none;
}

.blog-detail {
	padding-top: 3%;
	padding-left: 3%;
}

.cont-page a,
div#Component66b4a45d07c2660013bba15e button:hover,
.professer a {
	color: #282828;
}

.detail-morphisec2 a {
	color: #fff;
}

.head-social img,
.social-footer img,
.cont-page li,
.text-solution2 {
	transition: transform 0.2s ease-out;
}

.head-social img:hover,
.social-footer img:hover,
.cont-page li:hover,
.text-solution2:hover {
	transform: scale(1.05);
}

.table-product tbody>tr:hover,
.ntq-table tbody>tr:hover,
div#Component66b4a45d07c2660013bba15e button:hover {
	background: #9ecfff70 !important;
}

.professer {
	padding: 2%;
	border: 1px solid #ddd;
}

.table-responsive {
	margin-top: 3%;
}

.detail-morphisec2 li p,
.morp-guard li p {
	margin: unset;
}

div#Component66baff081dda7500139439de {
	margin-top: 25%;
}

.social-icon {
	border-radius: 5px !important;
}

.ITPcookiebar {
	width: 100% !important;
	background-color: #184680a1 !important;
	color: #fff;
}

.buttonExampleSite {
	border-radius: 5rem !important;
	border: 1px solid #184680a1 !important;
	color: #171717 !important;
}

.buttonExampleSite:hover {
	background: #184680 !important;
	color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
	color: #6588ab !important;
}

.itpPDPALandingPage,
.ITP-pdpa-template-contentFont {
	font-size: 16px !important;
	margin-bottom: 3% !important;
}

.itpPDPALandingPage {
	margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
	font-size: 20px !important;
	font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
	line-height: 28px;
}

div#cookie66b4a45d07c2660013bba15e,
.content-pdpa a {
	color: #000;
}

.blog-mana {
	min-height: 510px;
	clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}

.blog-edu .img-knight,
.blog-secure .img-knight {
	width: 30%;
	margin-bottom: 6%;
	margin-top: 5%;
}

.sub-morphisec h5 {
	line-height: 34px;
}

.head-tab-pd {
	display: grid;
	grid-template-columns: 20% auto;
	align-items: center;
	text-align: left;
	gap: 10px;
	color: #282828;
}

.TabItpContentLandingPage .nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.TabItpContentLandingPage li.active>a .head-tab-pd img {
	filter: brightness(0) saturate(100%) invert(87%) sepia(99%) saturate(4%) hue-rotate(187deg) brightness(110%) contrast(97%);
}

.TabItpContentLandingPage li.active>a .head-tab-pd {
	color: #fff;
}

.TabItpContentLandingPage li.active>a {
	background: linear-gradient(0deg, #183f6f, #184680);
	border-radius: 10px !important;
	box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
}

.TabItpContentLandingPage .tab-content {
	background: #1f2a30 !important;
	padding: 2% !important;
	color: #fff;
	border-radius: 20px;
}

.content-tab-pd .btn-more {
	background: #f85717;
	color: #fff;
}

.content-tab-pd {
	text-align: left;
}

.content-tab-pd h6 {
	color: #85baff;
}

.blog-secure {
	clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	min-height: 485px;
	padding-top: 10%;
}

.img-knowb {
	width: 35%;
	margin-bottom: 3%;
}

.blog-erp {
	min-height: 250px;
}

.page-know4 img {
	margin-bottom: 5%;
	border-bottom: 3px solid #6588ab;
	padding: 4%;
}

.page-know4 {
	text-align: center;
	padding-top: 8%;
}

.rate-knowb4 {
	display: grid;
	grid-template-columns: 21% auto;
	gap: 15px;
	align-items: center;
}

.marquee {
	overflow: hidden;
}

.pdpa-detail h6 {
	margin-top: 3%;
}

.pdpa-detail p {
	margin-bottom: 2%;
}

.qr-news {
	width: 15%;
}

.page-know4 p {
	margin-bottom: 7%;
}

.TabItpContentLandingPage {
	background: #fff;
	padding: 10px !important;
	border-radius: 10px;
}

.head-b4 h5 {
	margin: 0;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #ff7b47;
}

.head-b4 {
	display: grid;
	grid-template-columns: 6% auto;
	gap: 20px;
	align-items: center;
	background: linear-gradient(0deg, #183f6f, #184680);
	padding: 1%;
	border-radius: 20px;
	color: #fff;
	margin-bottom: 2%;
}

.content-b4 p {
	margin-bottom: 1.5%;
	line-height: 28px;
}

.content-b4 h6 {
	font-weight: 600;
	margin-bottom: 1%;
}

.content-b4 {
	padding: 0 2%;
	margin-bottom: 3%;
}

/****************************responsive*******************************/

@media screen and (min-width : 1900px) {

	.head-social {
		width: 12%;
	}

	.navbar-default .navbar-nav>li>a,
	.dropdown-menu>li>a {
		font-size: 20px;
	}

	h1 {
		font-size: 4.625em;
	}

	h2 {
		font-size: 3.6em;
	}

	h3 {
		font-size: 3.2em;
	}

	h4,
	h3.managerHeader {
		font-size: 2.6em;
	}

	h5 {
		font-size: 2.2em;
	}

	h6 {
		font-size: 1.8em;
	}

	p,
	.ntq-table tbody>tr>td,
	.table-product thead>tr>th {
		font-size: 20px;
	}

	.btn-more,
	.table-product tbody>tr>td,
	div#Component66b4a45d07c2660013bba15e button {
		font-size: 18px;
	}

	.text-big {
		font-size: 44px;
	}

	.social-footer {
		width: 50%;
	}

	.sect-about p,
	.sect-solution p,
	.sect-service p,
	.about-concept p,
	.about-solution p,
	.last-about p,
	.notic-page p,
	.detail-morphisec p,
	.items-mor p,
	.detail-morphisec2 p,
	.morp-guard p,
	.content-pdpa p,
	.blog-detail p,
	.page-know4 p,
	.text-knight p,
	.pdpa-detail p,
	.blog-detail h6,
	.content-b4 p {
		line-height: 34px;
	}

	.sect-about h5,
	.point-about h6,
	.ntq-page h6,
	.detail-morphisec2 h5,
	.morp-guard h5,
	.items-pdpa h6,
	.head-text-pdpa h6 {
		line-height: 38px;
	}

	.sect-about {
		padding-top: 22%;
	}

	.video-section {
		margin-top: 5%;
	}

	.logo-service {
		width: 35%;
		padding: 2% 5%;
	}

	.sect-service li {
		grid-template-columns: 15% auto;
	}

	.marquee-item {
		flex: 0 0 9vw;
	}

	.items-mor {
		min-height: 555px;
	}

	.detail-morphisec2.pt-5 {
		padding-top: 8%;
	}

	.detail-morphisec2.pt-3 {
		padding-top: 8%;
	}

	.blog-knight {
		min-height: 280px;
	}

	.blog-mana {
		min-height: 600px;
	}

	.page-know .blog-knight {
		min-height: 320px;
	}

	div#Component66b4a45d07c2660013bba15e input.form-control,
	div#Component66b4a45d07c2660013bba15e textarea.form-control {
		font-size: 16px !important;
	}

	div#Component66b4a45d07c2660013bba15e input.form-control {
		height: 45px;
	}

	.ITP-pdpa-template-titleFont {
		font-size: 24px !important;
	}

	.ITP-pdpa-template-contentFont {
		line-height: 32px;
		font-size: 18px !important;
	}

	.blog-edu .img-knight,
	.blog-secure .img-knight {
		width: 27%;
	}

	.page-know .blog-knight.blog-edu {
		min-height: 365px;
	}

	.blog-knight.blog-edu {
		min-height: 260px;
	}

	.blog-knight.blog-secure {
		min-height: 595px;
	}

	.blog-knight.blog-erp {
		min-height: 320px;
	}

}

@media screen and (max-width : 1366px) {

	.about-concept {
		padding-left: 0;
	}

	.items-mor {
		min-height: 435px;
	}

	.itopplus-bg5 {
		background-size: cover !important;
	}

	.pt-3 {
		padding-top: 5%;
	}

	h3 {
		font-size: 2.6em;
	}
}

@media screen and (max-width : 1200px) {

	.navbar-default .navbar-nav>li>a {
		padding: 8px 5px;
		margin: 0 0;
	}

	h2 {
		font-size: 3em;
	}

	.sect-about p br,
	.sect-service br {
		display: none;
	}

	.sect-about {
		padding-left: 3%;
		padding-top: 18%;
	}

	h4,
	h3.managerHeader {
		font-size: 1.8em;
	}

	h5 {
		font-size: 1.6em;
	}

	.pt-8.sect-head {
		padding-top: 5%;
	}

	div#Component66b34348110acc001272a918 {
		top: 115px;
	}

	.text-big {
		font-size: 34px;
	}

	.logo-service {
		padding: 3% 5%;
	}

	.sect-about p,
	.sect-solution p,
	.sect-service p,
	.about-concept p,
	.about-solution p,
	.last-about p,
	.notic-page p,
	.detail-morphisec p,
	.items-mor p,
	.detail-morphisec2 p,
	.morp-guard p,
	.content-pdpa p,
	.blog-detail p,
	.page-know4 p,
	.text-knight p,
	.pdpa-detail p,
	.blog-detail h6,
	.content-b4 p {
		line-height: inherit;
	}

	.sect-about h5,
	.point-about h6,
	.ntq-page h6,
	.detail-morphisec2 h5,
	.morp-guard h5,
	.items-pdpa h6,
	.head-text-pdpa h6 {
		line-height: inherit;
	}

	.blog-solution ul {
		gap: 20px;
	}

	h6 {
		font-size: 18px;
	}

	.itopplus-bg5 {
		background-size: cover;
	}

	.morp-guard {
		padding-top: 10%;
	}

	.blog-knight {
		min-height: 180px;
		padding: 5% 3%;
	}

	.blog-detail {
		padding-top: 0;
	}

	.navbar-default .navbar-nav>li>a,
	.dropdown-menu>li>a {
		font-size: 14px;
	}

	.items-mor {
		min-height: 420px;
	}

	.blog-mana {
		min-height: 460px;
	}

	.page-know .blog-knight {
		min-height: 262px;
	}

	.blog-knight.blog-secure {
		min-height: 470px;
	}
}

@media screen and (max-width : 900px) {

	div#contentnewmode66b31e6881e33000130e8ace,
	div#contentnewmode66b323ace4c1870013d99fc7 {
		display: none;
	}

	.sect-about {
		padding-top: 6%;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 28px;
	}

	h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 20px;
	}

	br {
		display: none;
	}

	.img-solution {
		width: 50%;
	}

	div#Component66b343c763eb2f001336232a {
		top: 60px;
		right: 0;
	}

	.copy-right {
		text-align: center;
		margin-top: 0;
	}

	.about-concept {
		padding-top: 12%;
		padding-right: 0;
	}

	.img-comp {
		left: 10px;
		top: 65px;
	}

	.point-about {
		margin-top: 5%;
	}

	.detail-morphisec {
		padding-top: 12%;

	}

	.items-mor {
		min-height: 460px;
	}

	.morp-guard {
		padding-bottom: 5%;
	}

	div#Contentmanager .col-md-6.pull-left,
	div#Contentmanager .col-md-6.pull-right {
		float: none !important;
	}



	.cont-page ul {
		grid-template-columns: repeat(3, 1fr);
	}

	.cont-page li img {
		width: 35% !important;
	}

	.table-product thead>tr>th,
	.table-product tbody>tr>td {
		text-align: left;
	}

	.blog-mana {
		min-height: 545px;
	}

	.blog-knight {
		min-height: 185px;
	}

	.page-know4 img {
		width: 70% !important;
	}

	.page-know4 {
		padding-top: 0;
		min-height: 395px;
	}

	div#Component66d148b846cfa70013599c2b .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
		width: 20%;
	}

	.blog-knight.blog-secure {
		min-height: 395px;
	}

	.blog-erp {
		min-height: 235px;
	}

	.blog-edu .img-knight,
	.blog-secure .img-knight {
		width: 20%;
	}

	.head-b4 {
		grid-template-columns: 9% auto;
		padding: 2%;
		gap: 10px;
	}
}

@media screen and (max-width : 480px) {

	div#imagesControl66b31e2e63eb2f0013361b6e,
	div#imagesControl66b3252481e33000130e8c65,
	div#imagesControl66b46e5c8d7a200013168295,
	.sect-about,
	.about-concept,
	.detail-morphisec,
	div#contentnewmode66b46e4c8d7a20001316826e,
	div#contentnewmode66b4701e28d0760013ce1c36,
	div#imagesControl66bac3bc1dda750013942fa0,
	div#imagesControl66bac4968e361e0013ae90ad,
	div#imagesControl66bace7d1dda750013943111,
	div#imagesControl66bb1c7b6580ed0013549786,
	.detail-morphisec2.pt-5.ps-5,
	.detail-morphisec2.pt-5.pe-7,
	.detail-morphisec2.pt-3.ps-5,
	.detail-morphisec2.pe-5,
	.morp-guard,
	div#mainmenu66bac71bd9268500135ebb62>div,
	div#mainmenu66bac785c89c32001388b571>div,
	div#mainmenu66c5a5cbe40220001300388f>div,
	div#mainmenu66c5a5c5e402200013003886>div,
	div#mainmenu66baff091dda7500139439e9>div,
	div#mainmenu66baff091dda7500139439f3>div,
	div#mainmenu66bae3b8c89c32001388bed0>div,
	div#mainmenu66bae3bfc89c32001388beda>div,
	div#mainmenu66d132dbb753c000139745bf>div,
	div#mainmenu66d1331ca1f3440013af56ea>div,
	div#mainmenu66d13f19c501150013f13449>div,
	div#mainmenu66d13f6deadb96001313f77c>div {
		padding: 0 !important;
	}

	.itopplus-bg,
	.itopplus-bg2 {
		background-size: cover;
	}

	.video-section {
		margin-top: 12%;
		grid-template-columns: 100%;
	}

	div#Component66b34348110acc001272a918 {
		top: 0;
		left: 0;
	}

	.blog-customer {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		padding: 6%;
	}

	.text-big {
		font-size: 26px;
	}

	.text-customer ul,
	.sect-service ul,
	.blog-morp ul {
		grid-template-columns: repeat(1, 1fr);
	}

	.cont-page ul {
		grid-template-columns: 50% 50%;
	}

	.text-customer li {
		grid-template-columns: 20% auto;
	}

	div#Component66b343c763eb2f001336232a {
		top: 0;
		right: 0;
	}

	div#mainmenu66b3433aeac7790013388806 .none-middle-mid .none-middle-mid {
		display: block;
	}

	div#mainmenu66b3433aeac7790013388806 .none-middle-mid {
		display: flex;
		flex-wrap: wrap-reverse;
	}

	.logo-service {
		padding: 5% 10%;
		width: 80%;
	}

	.sect-cont-service p {
		margin-bottom: 4%;
	}

	h2 {
		font-size: 30px;
	}

	.marquee-item {
		flex: 0 0 16vw;
	}

	.about-solution p,
	.detail-morphisec p,
	.detail-morphisec2 p,
	.blog-detail p {
		margin-bottom: 6%;
	}

	.img-comp {
		left: 0;
		top: 0;
	}

	.last-about {
		padding: 7% 3%;
		margin-bottom: 0;
	}



	.items-mor,
	.blog-knight,
	.page-know .blog-knight,
	.blog-knight.blog-secure {
		min-height: auto;
	}

	.blog-morp ul {
		gap: 20px;
	}

	div#Component66bad4bf681fe2001313e690 .col-md-3.col-sm-4.col-xs-12 {
		width: 50%;
	}

	div#Component66baff081dda7500139439de {
		margin-top: 0;
	}

	div#mainmenu66bb08ad45fd7c0013528b84 .col-md-8.col-sm-8.col-xs-12 {
		margin-top: 0;
	}

	div#Component66bb08dcc89c32001388c54b .col-md-3.col-sm-4.col-xs-12 {
		width: 50%;
	}

	.head-pdpa {
		grid-template-columns: 100%;
	}

	.head-pdpa,
	.ntq-page {
		text-align: center;
	}

	.head-pdpa img,
	.ntq-page img {
		width: 50% !important;
	}

	.sect-service h5,
	.last-about p,
	.notic-page p,
	.sub-morphisec h4,
	.content-pdpa p {
		margin-bottom: 5%;
	}

	.ntq-page {
		grid-template-columns: 100%;
	}

	div#Component66b4801228d0760013ce22e2 .col-md-3.col-sm-4.col-xs-12,
	div#Component66b47a2c07c2660013bb9882 .col-md-3.col-sm-4.col-xs-12,
	div#Component66b4816328d0760013ce2344 .col-md-3.col-sm-4.col-xs-12,
	div#Component66b481ab56bf3a0013f76c62 .col-md-3.col-sm-4.col-xs-12,
	div#Component66b482798d7a200013168810 .col-md-3.col-sm-4.col-xs-12,
	div#Component66b482c656bf3a0013f76cc3 .col-md-3.col-sm-4.col-xs-12,
	div#Component66bad4bf681fe2001313e690 .col-md-3.col-sm-4.col-xs-12 {
		padding: 0 !important;
		width: 25%;
	}

	div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
		width: 100%;
		margin-bottom: 8%;
	}

	div#Contentmanager .col-md-12.text-justify {
		padding: 0 2%;
	}

	.cont-page li {
		padding: 8% 3%;
	}

	.notic-page br {
		display: block !important;
	}

	.ITPcookiebar {
		padding: 3%;
		display: flex !important;
	}

	.ITPcookieLeftText {
		/* color: white; */
		float: unset !important;
		padding-left: 0 !important;
		padding-top: 0 !important;
	}

	.ITPcookieButton {
		float: unset !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
	}

	.ITPcookieLeftText span {
		font-size: 14px;
	}

	div#cookie66b4a45d07c2660013bba15e {
		color: #000;
	}

	.marquee {
		overflow: hidden;
	}

	.TabItpContentLandingPage {
		display: block !important;
	}

	ul#ulList1724236805699 {
		width: 100% !important;
		display: block !important;
	}

	.TabItpContentLandingPage .tab-content {
		width: 100% !important;
		margin: 0 !important;
		margin-top: 5% !important;
		padding: 8% !important;
	}

	.page-know4 {
		min-height: unset;
	}

	div#Component66d148b846cfa70013599c2b .col-md-4.col-sm-4.col-sm-5fix.col-xs-12 {
		width: 50%;
	}

	.blog-edu .img-knight,
	.blog-secure .img-knight {
		width: 30%;
	}

	.qr-news {
		width: 50%;
	}

	.head-b4 img {
		width: 30% !important;
	}

	.head-b4 {
		grid-template-columns: 100%;
		padding: 5%;
		margin-bottom: 5%;
	}

	.head-b4>div:nth-child(1) {
		text-align: center;
	}

	.content-b4 p {
		margin-bottom: 7%;
	}
}


.unknown {
	position: fixed;
	bottom: 6% !important;
}

.unknown_prf .btn-main,
.unknown_prf:hover .btn-main {
	margin-bottom: 0 !important;
}

.social-share ul {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.social-share ul>li {
    display: grid;
    place-items: center;
    height: 30px;
}