.wp_1200{
	width:1200px;
	margin: 0 auto;
}


.bg-topnode{
	background: #fff;
	box-shadow: 0 0 8px 1px rgba(204, 204, 204, 0.8);
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}


.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav-link{
	color: rgb(236 28 28 / 55%);
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
	color: rgb(236 28 28 / 100%);
}

.nav-link.disabled {
	color: rgb(255 22 22 / 25%);
	cursor: pointer; pointer-events:auto;
	}
.nav-link:focus, .nav-link:hover{
	color: rgb(236 28 28 / 100%);
}
.nav-link.disabled:focus,.nav-link.disabled:hover  {
	color: rgb(236 28 28 / 50%);
}
.nav-link.active{
	font-weight: bold;
}
.d-flex{width: 25%;}
.d-flex button:not(:disabled) {
cursor: pointer;
width: 50%;
}
.navbar-toggler{
 background:#757575;
	 position: absolute;
	 right: 5px;
	 top: 35px;
}
.text-muted.top2{text-align: center;}
.text-muted.top2 img{height: 120px;}
.py-5{padding-bottom: 0 !important;}

.bd-placeholder-img1{
	background: #c2dffd;
	text-align: center;	 
	background:#c2dffd url("../img/banner/zg_banner.png") no-repeat center bottom ;
	background-size:55%;	
}

.carousel-caption {
    bottom: 5rem;
	}

.bd-placeholder-img2{
	background: #c2dffd;
	text-align: center;	 
	background:#c2dffd url("../img/banner/on_banner_2.png") no-repeat center bottom ;
	background-size:85%;	
}


.text-start .box_text{
	 text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 8px #5c8dfb, 0 0 15px #5c8dfb, 0 0 15px #5c8dfb, 0 0 15px #5c8dfb, 0 0 35px #5c8dfb;	
}
.text-end .box_text{
	 text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 8px #5c8dfb, 0 0 15px #5c8dfb, 0 0 15px #5c8dfb, 0 0 15px #5c8dfb, 0 0 35px #5c8dfb;	
}

a{color: #000;}


@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
	 
	
}
@media (max-width: 768px) {
	.carousel{margin-bottom: 0;}
	.navbar{ }
	.text-start .box_text{
		 text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 2px #5c8dfb, 0 0 2px #5c8dfb, 0 0 2px #5c8dfb,
		  0 0 6px #5c8dfb, 0 0 2px #5c8dfb;	
	}
	.text-end .box_text{
		 text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 2px #5c8dfb, 0 0 2px #5c8dfb, 0 0 2px #5c8dfb, 
		 0 0 6px #5c8dfb, 0 0 6px #5c8dfb;	
	}
	
	.bd-placeholder-img1{
		background-size: 200%;
		background-position:center 0;
	}
	
	.bd-placeholder-img2{
		background-size: 150%;
		background-position:center 0;				
	}
	
	.carousel-caption{bottom:0;}
 
		
	.navbar-brand{margin-left:-15px;}
	.d-flex{width: 100%;}
	.nav-link{padding-left: 25px;}
	.d-flex button:not(:disabled) {
	cursor: pointer;
	width: 50%;
	}
	
	.bd-placeholder-img1{
		background-size:100%;	
	}
	.bd-placeholder-img2{
		background-size:100%;		
	}
	
	
	

	
}