/*!
Theme Name: Shanghai MerlinCRM 2019 Child
Theme URI: https://www.merlincrm.com/
Author: MerlinCRM
Author URI: https://www.merlincrm.com/
Description: Shanghai MerlinCRM 2019 Child WordPress theme by MerlinCRM.
Template: smc2019
Version: 1.0.0
Text Domain: smc-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {

	/* R-255 G-255 B-255 */
	--ng-white: #FFF;

	/* R-0 G-0 B-0 */
	--ng-black: #000;

	/* R-230 G-70 B-70 */
	--ng-red: #E64646;

	/* R-70 G-230 B-70 */
	--ng-green: #46E646;

	/* R-70 G-70 B-230 */
	--ng-blue: #4646E6;

	/* R-10 G-10 B-10 */
	--ng-gray-1: #0A0A0A;

	/* R-20 G-20 B-20 */
	--ng-gray-2: #141414;

	/* R-30 G-30 B-30 */
	--ng-gray-3: #1E1E1E;

	/* R-40 G-40 B-40 */
	--ng-gray-4: #282828;

	/* R-50 G-50 B-50 */
	--ng-gray-5: #323232;

	/* R-60 G-60 B-60 */
	--ng-gray-6: #3C3C3C;

	/* R-70 G-70 B-70 */
	--ng-gray-7: #464646;

	/* R-80 G-80 B-80 */
	--ng-gray-8: #505050;

	/* R-90 G-90 B-90 */
	--ng-gray-9: #5A5A5A;

	/* R-100 G-100 B-100 */
	--ng-gray-10: #646464;

	/* R-110 G-110 B-110 */
	--ng-gray-11: #6E6E6E;

	/* R-120 G-120 B-120 */
	--ng-gray-12: #787878;

	/* R-130 G-130 B-130 */
	--ng-gray-13: #828282;

	/* R-140 G-140 B-140 */
	--ng-gray-14: #8C8C8C;

	/* R-150 G-150 B-150 */
	--ng-gray-15: #969696;

	/* R-160 G-160 B-160 */
	--ng-gray-16: #A0A0A0;

	/* R-170 G-170 B-170 */
	--ng-gray-17: #AAAAAA;

	/* R-180 G-180 B-180 */
	--ng-gray-18: #B4B4B4;

	/* R-190 G-190 B-190 */
	--ng-gray-19: #BEBEBE;

	/* R-200 G-200 B-200 */
	--ng-gray-20: #C8C8C8;

	/* R-210 G-210 B-210 */
	--ng-gray-21: #D2D2D2;

	/* R-220 G-220 B-220 */
	--ng-gray-22: #DCDCDC;

	/* R-230 G-230 B-230 */
	--ng-gray-23: #E6E6E6;

	/* R-240 G-240 B-240 */
	--ng-gray-24: #F0F0F0;

	/* R-250 G-250 B-250 */
	--ng-gray-25: #FAFAFA;

	/* R-200 G-200 B-250 */
	--ng-system-blue-light: #C8C8FA;

	/* R-120 G-120 B-200 */
	--ng-system-blue: #7878C8;

	/* R-30 G-30 B-120 */
	--ng-system-blue-dark: #1E1E78;

	--ng-transparent: rgba(0, 0, 0, 0);
}

/* ---------- System ---------- */

/* ::-webkit-scrollbar {
width: 5px;
height: 5px;
}

::-webkit-scrollbar-thumb {
background-color: var(--ng-system-blue);
}

::-webkit-scrollbar-track {
background-color: var(--ng-system-blue-light);
}

::selection {
background-color: var(--ng-system-blue-dark);
color: var(--ng-system-blue-light);
} */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	transition: .5s;
}

/* ---------- CommonClass ---------- */

.ng-link {
	cursor: pointer !important;
}


/* -------------------- NG-BOX-0.0.0 -------------------- */










/* -------------------- style.css -------------------- */

body {
	font-weight: normal;
}



:root {

	/* R-50 G-170 B-250 */
	--ecust-primary-light: #32AAFA;

	/* R-17 G-90 B-159 */
	--ecust-primary: #115A9F;

	/* R-0 G-60 B-120 */
	--ecust-primary-dark: #003C78;

	/* RGB-200 */
	--ecust-gray-light: var(--ng-gray-23);

	/* RGB-150 */
	--ecust-gray: var(--ng-gray-15);

	/* RGB-100 */
	--ecust-gray-dark: var(--ng-gray-7);

	/* R-230 G-70 B-70 */
	--ecust-focus: var(--ng-red);

	/* R-33 G-37 B-41 */
	--bs-default-color: #212529;

	/* --ecust-scrollbar-shadow: inset 0 0 5px rgba(0, 0, 0, .3); */
	/* --ecust-selection-background-color: var(--ecust-focus); */
	/* --ecust-selection-color: var(--ng-white); */

	--fs-xxl: 2rem;
	--fs-xl: 1.5rem;
	--fs-lg: 1.25rem;
	--fs-md: 1rem;
	--fs-sm: .875em;

}



.text-primary-light {
	color: var(--ecust-primary-light) !important;
}

.text-primary {
	color: var(--ecust-primary) !important;
}

.text-primary-dark {
	color: var(--ecust-primary-dark) !important;
}

.text-gray-light {
	color: var(--ecust-gray-light) !important;
}

.text-gray {
	color: var(--ecust-gray) !important;
}

.text-gray-dark {
	color: var(--ecust-gray-dark) !important;
}

.bg-primary-light {
	background-color: var(--ecust-primary-light) !important;
}

.bg-primary {
	background-color: var(--ecust-primary) !important;
}

.bg-primary-dark {
	background-color: var(--ecust-primary-dark) !important;
}

.bg-gray-light {
	background-color: var(--ecust-gray-light) !important;
}

.bg-gray {
	background-color: var(--ecust-gray) !important;
}

.bg-gray-dark {
	background-color: var(--ecust-gray-dark) !important;
}

.fs-xxl {
	font-size: var(--fs-xxl) !important;
}

.fs-xl {
	font-size: var(--fs-xl) !important;
}

.fs-lg {
	font-size: var(--fs-lg) !important;
}

.fs-md {
	font-size: var(--fs-md) !important;
}

.fs-sm {
	font-size: var(--fs-sm) !important;
}



#common-nav .navbar-nav .nav-link {
	transition: 0.5s;
}

#common-nav .box-wrapper {
	border-top: 12px solid var(--ecust-primary-dark);
}

#common-nav .navbar-collapse {
	font-weight: bold;
}

#common-nav .nav-link {
	color: var(--ecust-gray-dark);
}

#common-header .banner {
	background-image: url(/wp-content/uploads/2023/04/banner-scaled.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}



/* XXL : width >= 1400px */
@media(min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1200px;
	}

}

/* XXL : width === 1400px */
@media(width: 1400px) {}

/* XXL : width <= 1400px */
@media(max-width: 1400px) {}

#common-nav {
	position: -webkit-sticky;
	position: sticky;
	top:
		0;
	z-index: 520;
}

/* XL : width>= 1200px */
@media(min-width: 1200px) {

	/* ::-webkit-scrollbar {
	width: 7px;
	height: 1px;
	}

	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-track {
	box-shadow: var(--ecust-scrollbar-shadow);
	}

	::-webkit-scrollbar-thumb {
	background: var(--ng-gray-9);
	}

	::-webkit-scrollbar-track {
	background: var(--ng-gray-23);
	}

	::selection {
	background-color: var(--ecust-selection-background-color);
	color: var(--ecust-selection-color);
	} */



	#common-nav .logo.phone,
	#common-nav .navbar-nav.column {
		display: none;
	}

	#common-nav .navbar-nav.primary {
		font-size: 1.2rem;
	}

	#common-nav .navbar-nav.primary .nav-link {
		border-left: 2px solid var(--ecust-gray-light);
		padding-right: 0;
		padding-left: 1.25rem;
		margin-left: 1.25rem;
	}

	#common-nav .navbar-nav.primary .nav-link:hover {
		color: var(--ecust-primary-light);
	}

	#common-nav .navbar-nav.primary>.nav-item:first-child>.nav-link {
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}

	#common-header .banner {
		min-height: 400px;
	}

}

/* XL : width === 1200px */
@media(width: 1200px) {}

/* XL : width <= 1200px */
@media(max-width: 1200px) {

	#common-nav .logo.pc,
	#common-nav .navbar-nav.primary {
		display: none;
	}

	#common-nav .navbar-nav.column {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	#common-nav .navbar-nav.column .nav-link {
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
		font-size: 1.1rem;
	}

	#common-nav .navbar-nav.column .column-toggle-content {
		border-left: 3px solid;
		border-image:
			linear-gradient(var(--ecust-primary-light), var(--ecust-primary-dark)) 0 0 0 1;
		padding-left: 1.5rem;
		margin-left: 0.5rem;
	}

	#common-nav .navbar-nav.column .nav-link.tap {
		color: var(--ecust-primary);
		background-color: var(--ecust-gray-light);
	}

	#common-header .banner {
		min-height: 40vw;
	}
}

/* LG : width>=
		992px */
@media(min-width: 992px) {}

/* LG : width === 992px */
@media(width: 992px) {}

/* LG : width <= 992px */
@media(max-width: 992px) {}

/* MD : width>= 768px */
@media(min-width: 768px) {}

/* MD : width === 768px */
@media(width: 768px) {}

/* MD : width <= 768px */
@media(max-width: 768px) {}

/* SM : width>= 576px */
@media(min-width: 576px) {}

/* SM : width === 576px */
@media(width: 576px) {}

/* SM : width <= 576px */
@media(max-width: 576px) {

	#common-nav .box-wrapper,
	#common-header .box-wrapper,
	#common-footer .box-wrapper,
	#common-footer .btn-group {
		overflow-x: hidden;
	}

	#common-header .banner,
	#common-footer .btn-group {
		min-width: 270px;
	}
}

/* --------------------
					style.css -------------------- */







@media (min-width: 768px) {
	#consulting {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.pc-show {
		display: none !important;
	}

	.phone-none {
		display: none !important;
	}

	.show-news-title {
		-webkit-line-clamp: 2 !important;
	}
}

@media (max-width: 991px) {
	.content-text {
		font-size: 12px !important;
	}

	.page-title {
		font-size: 40px !important;
	}

	.content-title {
		font-size: 20px !important;
	}
}

.blue {
	background-color: blue;
}

.red {
	background-color: red;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: green;
}

.streak-photo {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}

.h-480 {
	height: 480px;
}

.page-title {
	font-size: 66px;
}

.page-title-content {
	z-index: 2;
	padding: 20px 15px;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
	background: rgba(0, 0, 0, .6);
}

.content-title {
	font-size: 28px;
}

.content-text {
	font-size: 14px;
}

.streak-space {
	min-height: 560px;
	height: 560px;
}

.fd-red-text {
	color: #115A9F;
}

.news-title {
	height: 48px;
}

.news-content {
	height: 84px;
}

.card-text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.card-text-overflow p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.show-news-title {
	-webkit-line-clamp: 1;
}

.show-3 p {
	-webkit-line-clamp: 3;
	margin-bottom: 0;
	color: #999;
}

.top-form {
	padding: 25px 45px;
	width: 342px;
	min-width: 342px;
	height: 445px;
	background-color: rgba(185, 29, 31, .8);
}

.btn-icon {
	width: 17px;
}

.sub-menu {
	background: #115A9F;
	margin-bottom: 30px;
}

.sub-menu a {
	color: #fff;
	line-height: 40px;
	font-size: 14px;
}

.fd-red-text {
	color: #115A9F;
}

.sub-btn {
	color: #fff;
	height: 40px;
	background-color: #115A9F;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	border-top: 2px solid #dcdcdc;
	border-left: 2px solid #ddd;
}

.sub-btn-mb {
	margin-bottom: 30px;
}

.navbar-sidebar .navbar-sidebar ul {
	list-style: none;
	margin-right: 1rem;
	margin-left: 1rem;
	font-weight: 400;
}

.navbar-sidebar .navbar-sidebar ul li {
	padding-left: .5rem;
	padding-right: .5rem;
	border-bottom: 1px solid #dee2e6;
}

.navbar-sidebar .navbar-sidebar ul li:hover {
	background-color: #a00002;
}

.navbar-sidebar .navbar-sidebar ul li a {
	padding-left: .5rem;
	padding-right: .5rem;
	color: white !important;
	width: 100%;
	display: block;
	position: relative;
}

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

#application-form select {
	display: inline !important;
}

.select-space {
	height: 37px;
	flex: 1;
}

.select-space-flex {
	height: 37px;
	flex: 1;
}

#consulting {
	position: fixed;
	bottom: 120px;
	right: 30px;
	cursor: pointer;
	z-index: 1000;
}

#consulting .d-flex {
	width: 40px;
	height: 40px;
	color: white;
	background-color: #115A9F;
	line-height: 13px;
}

.btn-icon-2 {
	width: 15px;
	margin-bottom: 3px;
}

#scrollToTop .d-flex {
	background-color: #115A9F !important;
}

.background-color-white {
	background-color: white;
}

.font-color-hover:hover {
	background-color: #840004;
}

.lh-26 {
	line-height: 26px;
}

.transition-subMenu {
	background-color: #115A9F;
	position: absolute;
	top: 0;
	right: -45px;
	height: 0;
	transition: height .5s;
	overflow: hidden;
	z-index: 100;
}

.adSubMenu-show {
	height: 203px;
}

#adSubMenu {
	width: 160px;
}

.coSubMenu-show {
	height: 122px;
}

.cmSubMenu-show {
	/* height: 162px; */
	height: 122px;
}

.newsSubMenu-show {
	height: 82px;
}

#adMenu:hover,
#coMenu:hover,
#cmMenu:hover,
#newsMenu:hover {
	cursor: pointer;
	background-color: #115A9F;
}

.page-after {
	width: 32px;
	height: 32px;
	font-weight: 900;
	border-radius: 3px;
	background-color: #666;
	color: #fff;
	font-size: 18px;
}

.page-after:hover {
	color: white;
}

.page-number {
	width: 32px;
	height: 32px;
	font-weight: 900;
	border-radius: 3px;
	background-color: #666;
	color: #fff;
	font-size: 16px;
}

.page-number-select {
	width: 32px;
	height: 32px;
	font-weight: 900;
	border-radius: 3px;
	background-color: #115A9F;
	color: #fff;
	font-size: 16px;
}

.page-number:hover {
	color: white;
}

.page-number-select:hover {
	color: white;
}

.download-link a:link {
	color: #115A9F;
}

.download-link a:visited {
	color: #115A9F;
}

.download-link a:hover {
	color: #115A9F;
}

.download-link a:active {
	color: #115A9F;
}

.btn-shadow {
	box-shadow: 3px 3px 5px #880c08;
}

.mr-140 {
	margin-right: 140px;
}

.edu-select1-style {
	font-size: 10px;

	margin-left: 2rem !important;
	width: calc(100% - 2rem);
	height: auto;
	border: 0px;
	border-radius: 0;
	border-bottom: 1px solid;
	border-bottom-color: #d3d7d4;
	padding-top: 7px !important;
	padding-bottom: 9px !important;
}

.red {
	background: #ff3115;
}

.i-active {
	color: #616161 !important;
}

.edu-select1-style {
	font-size: 10px;

	margin-left: 2rem !important;
	width: calc(100% - 2rem);
	height: auto;
	border: 0px;
	border-radius: 0;
	border-bottom: 1px solid;
	border-bottom-color: #d3d7d4;
	padding-top: 7px !important;
	padding-bottom: 9px !important;
}

.red {
	background: #ff3115;
}

.i-active {
	color: #616161 !important;
}




.banner-image {
	width: 100% !important;
	height: auto !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
	.h-460 {
		height: 300px !important;
	}
}

.h-460 {
	height: 560px;
}


:root {
	--primary: #115A9F;
}

.text-primary {
	color: var(--primary) !important;
}

.bg-primary {
	background-color: var(--primary) !important;
}