.pageBody { padding-top: 80px;}
@media only screen and (max-width: 1170px) {
	.pageBody { padding-top: 50px;}
}

.pageBody .detailPage { padding: 60px 0 60px 0;} 
.pageBody .detailPage p {  font-weight: 100; font-size: 18px; line-height: 1.2; color: #000; padding: 0 0 0 0; margin: 0 0 30px 0; } 

.pageBody .detailPage  h2 { font-weight: 400; font-size: 56px; line-height: 1.2; color: #515154; text-align: left;}
.pageBody .detailPage  h3 { background: #E0EEF7; font-weight: 700; font-size: 22px; line-height: 1.2; color: #0D5C7E; text-align: left; padding: 20px 40px 20px 40px;}
	.pageBody .detailPage  h3 span  { font-weight: 100; font-size: 16px;}
.pageBody .detailPage  h4 { font-weight: 700; font-size:18px; line-height: 1.2; color: #000; text-align: left; text-transform: uppercase; }
.pageBody .detailPage  h5 { font-weight: 700; font-size: 18px; line-height: 1.2; color: #000; text-align: left;}
		@media only screen and (min-width: 1401px)  and (max-width: 1600px) {
			.pageBody .detailPage  h2 {font-size: 52px;}
		}	
		@media only screen and (min-width: 1201px)  and (max-width: 1400px) {
			.pageBody .detailPage  h2 {font-size: 48px;}
			.pageBody .detailPage  h4 {  font-size: 16px;}
			.pageBody .detailPage  h3 { font-size: 21px;  }
			.pageBody .detailPage  h3 span  { font-size: 15px;}
		}	
		@media only screen and (min-width: 1171px)  and (max-width: 1200px) {
			.pageBody .detailPage  h2 {font-size: 46px;}
			.pageBody .detailPage  h4 {  font-size: 16px;}
			.pageBody .detailPage  h3 { font-size: 21px; padding: 18px 35px 18px 35px;}
			.pageBody .detailPage  h3 span  { font-size: 15px;}
			
		}	
		@media only screen and (min-width: 992px)  and (max-width: 1170px) {
				.pageBody .detailPage  h2 {font-size: 42px;}
				.pageBody .detailPage  h4 {  font-size: 14px;}
				.pageBody .detailPage  h3 { font-size: 21px; padding: 16px 30px 16px 30px;}
				.pageBody .detailPage  h3 span  { font-size: 14px;}
		}			
		@media only screen and  (max-width: 767px) {
			.pageBody .detailPage  h2 {font-size: 38px; text-align: center;}
			.pageBody .detailPage  h4 {  font-size: 16px;}
			.pageBody .detailPage  h3 { font-size: 21px;  }
			.pageBody .detailPage  h3 span  { font-size: 15px;}
		}			

.pageBody .detailPage   ul li  { background: url('/upload/products/import_substitution_network/li.svg') 0px 8px no-repeat; padding-left: 26px; }	

#banners-a {margin-bottom: 50px; }

.bgBlue { background: linear-gradient(116.11deg, #0D5C7E 33.55%, #198DBE 97.61%); }
	.pageBody .bgBlue .detailPage    { padding: 0px 0 0px 0;} 
	.bgBlue p {  color: #fff; font-size: 30px; line-height: 1.2; margin-bottom: 30px; }

.menuTop { background: #D4E0F0; z-index: 100; position: relative; }
		.menuPoint  { }
		.menuPoint:hover  { background: rgba(255, 255, 255, 0.5);}
		.menuPoint  a { display: block; padding: 25px 25px 25px 85px;  font-weight: 700; font-size: 18px; color: #0D5C7E; text-decoration: none;}
		.menuPointSwitches a { background: url('/upload/products/import_substitution_network/icon_menu_01.svg') 15px 23px no-repeat;  }
		.menuPointRouters a { background: url('/upload/products/import_substitution_network/icon_menu_02.svg') 15px 23px no-repeat;  }
		.menuPointHotspots a { background: url('/upload/products/import_substitution_network/icon_menu_03.svg') 15px 21px no-repeat;  }
		.menuPoinControllers a { background: url('/upload/products/import_substitution_network/icon_menu_04.svg') 15px 21px no-repeat;  }
		
		
		.pageBody { padding-top: 82px;}
		
		@media only screen and  (max-width: 767px) {
			.pageBody { padding-top: 0px;}
		}	
	
		.menuTopFix .menuPoint  a , 	.menuTopFix .menuPointSwitches a, .menuTopFix  .menuPointRouters a , .menuTopFix  .menuPointHotspots a  , .menuTopFix .menuPoinControllers a { display: block; padding: 20px 20px 20px 65px; font-size: 16px;  background-size: auto 50%; background-position: top 40% left 0%; }
		
		@media only screen and  (min-width: 1401px)  and (max-width: 1600px) {
			.menuTopFix .menuPoint  a , 	.menuTopFix .menuPointSwitches a, .menuTopFix  .menuPointRouters a , .menuTopFix  .menuPointHotspots a  , .menuTopFix .menuPoinControllers a { display: block; padding: 20px 20px 20px 65px; font-size: 15px;  background-size: auto 50%; background-position: top 45% left 0%; }
		}	
		@media only screen and  (min-width: 1771px)  and (max-width: 1400px) {
				.menuTopFix .menuPoint  a , 	.menuTopFix .menuPointSwitches a, .menuTopFix  .menuPointRouters a , .menuTopFix  .menuPointHotspots a  , .menuTopFix .menuPoinControllers a { display: block; padding: 15px 15px 15px 55px; font-size: 14px;  background-size: auto 50%; background-position: top 45% left 0%; }
		}		
		@media only screen and  (min-width: 992px)  and (max-width: 1170px) {
				.menuTopFix .menuPoint  a , 	.menuTopFix .menuPointSwitches a, .menuTopFix  .menuPointRouters a , .menuTopFix  .menuPointHotspots a  , .menuTopFix .menuPoinControllers a { display: block; padding: 12px 12px 12px 45px; font-size: 13px;  background-size: auto 50%; background-position: top 45% left 0%; }
				.pageBody { padding-top: 40px;}
		}		
		@media only screen and (min-width: 768px)  and (max-width: 991px) {
				.menuTopFix .menuPoint  a , 	.menuTopFix .menuPointSwitches a, .menuTopFix  .menuPointRouters a , .menuTopFix  .menuPointHotspots a  , .menuTopFix .menuPoinControllers a  { display: block; padding: 10px 10px 10px 40px; font-size: 12px;  background-size: auto 40%; background-position: top 50% left 0%; }
				.menuTopFix .menuPoinControllers a  { background-position: top 30% left 0%; }
				.pageBody { padding-top: 40px;}
		}		
		@media only screen and (min-width: 768px)  and (max-width: 900px) {
				.pageBody { padding-top: 65px;}
		}		
		
		.menuTopFix { position: fixed; top: 80px; left: 0px; width: 100%;}
		@media only screen and (max-width: 1170px) {
			.menuTopFix { top: 50px; }
		}
		.menuTopMobile { display: none; }
		
		@media only screen and  (max-width: 767px) {
			.menuTopFix { display: none; }
			.menuTopMobile { display: block; }
		}