@charset "UTF-8";
/* CSS Document */
/* --------- overall --------- */
html {
	scroll-behavior: smooth;
}

.dropdown-item{
	background-color: pink;
}

ol.breadcrumb{
  	list-style: none;
  	background-color: #F2F2F2;
	padding: 10px 20px;
}

ol.breadcrumb li{
	display: inline;
	color: #9A9A9A;
  	text-decoration: none;
}

ol.breadcrumb li+li:before{
  	content: "/\00a0";
}

ol.breadcrumb li a:hover{
  	color: #646464;
  	text-decoration: none;
}

@media screen and (max-width: 715px){
  	ol.breadcrumb li{
    	font-size: 14px;
  	}
}

@media screen and (max-width: 670px){
  	ol.breadcrumb li{
    	font-size: 13px;
  	}
}

@media screen and (max-width: 635px){
  	ol.breadcrumb li{
    	font-size: 12px;
  	}
}

@media screen and (max-width: 598px){
  	ol.breadcrumb li{
    	font-size: 11px;
  	}
}

@media screen and (max-width: 562px){
  	ol.breadcrumb li{
    	font-size: 9px;
  	}
}
/* --------- /overall --------- */

/* --------- top section --------- */
.introbtn {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-size: 57px;
	background-color: transparent;
	border: #9D7EB8;
}

.introbtn a {
	color: #9D7EB8;
}

.introbtn:hover a{
	color: #AC91C3;
}
/* --------- /top section --------- */

/* --------- main section --------- */
/* --------- back to top btn --------- */
#topbtn{
	display: none;
  	position: fixed; 
	bottom: 20px; 
	right: 20px; 
	z-index: 99; 
	border: 3px solid #2e2a51; 
	outline: none; 
	background-color: white; 
	color: #2e2a51; 
	cursor: pointer; 
	padding: 15px; 
	border-radius: 10px; 
	font-size: 18px;
	transition-delay: 3s; 
	transition-duration: 7s;
}

#topbtn:hover {
	background-color: #2e2a51; 
	color: white; 
}

@media only screen and (max-width: 400px){
	#topbtn{
		font-size: 15px;
		padding: 12px; 
	}
}
/* --------- /back to top btn --------- */
/* --------- /main section --------- */

/* --------- footer --------- */
.footer {
	position: relative;
	clear: both;
	background-color: #2e2a51;
	height: 100px;
	color: white;
   	text-align: center;
}
/* --------- /footer --------- */