@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

body {
  font-family: 'Noto Sans TC', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.bg-light .navbar-toggler:hover {
	border: 1px solid #659c35;
	border-radius: 0.25rem;
}

#1, #2, #3, #4, #5, #6{
	display:flex;
	min-height:900;
	box-shadow: none;
}

#greencare{
	background-image: url("hands-4344711_1920-656af0fee54ef437c972c6a8e508fde6.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#kidsday-pre{
	background-image: url("rawpixel-com-623457-unsplash.jpg");
}

#kidsday-dc{
	background-image: url("just-have-a-great-day-merry-christmas-picjumbo-com.jpg");
}

#kidsday-class{
	background-image: url("PAK15_notepenhikkiyougu20140312.jpg");
}

#side-bar{
	z-index: 9998;
	position: fixed;
	right: 0px;
	top: 36vh;
	transform: translateY(-50%);
	background-color: rgba(198,229,217,0.30);
	padding: 8px;
	border-radius: 8px 0 0 8px;
}

#side-bar a{
	display: grid;
	margin-bottom: 6px; 
}

.jumbotron{
	background-image: url("main-img-9c4af71ab53b864093f6560ca5397e4a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.center-vh {
	width: auto;
    padding: 3em 3em;
	margin: 42vh auto 0;
	transform: translateY(-50%);
	vertical-align: middle;
	background: rgba(255,255,255,0.50);
}

.center-vh p{
	font-size: 21pt;
	line-height: 1.5;
}

.center-vh img{
	margin: 6vh auto 3vh;
}

.searchKIDSDAY{
	background-image: url( "searchKIDSDAY.jpg");
	display: block;
	overflow-x: hidden;
}

.center-vh-s {
	width: auto;
	margin: 32% auto 0;
	transform: translateY(-100%);
}

#search{
	min-height:calc(85vh - 30px);
}
.sc{
	line-height: 3;
	text-align: center;
	color: #606060;
	border: 1px dashed #659c35;
	margin: 32px 0;
}

.pr{
	line-height: 3;
	text-align: center;
	color: #606060;
	border: 1px dashed #ffd249;
	margin: 32px 0;
}


hr{
	border-top: 1px dotted #808080;
	margin: 24px 0px 24px 0px;
}

.section {
	display: block;
	padding: 70px 16px;
}

.title{
	margin: 36px 0 24px 0;
}

.s-title{
	margin: 12px 0 24px 0;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #659c35;
	outline: 0;
	box-shadow:none;
}

footer {
	background-color: rgba(234,234,234,1.00);
	font-size: 16px;
	padding-bottom: 24px;
}

.tp{
	background: #008d56;
	text-align: center;
	color: #fff;
	line-height: 2;
	vertical-align: middle;
}

.tp a {
	color: #fff;
	text-decoration: none;
}