@charset "utf-8";
/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #72bcd4;
/*	background-image: url("../images/symphony.png");*/
/*	background-repeat: repeat;*/
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: white;
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link{
    background-color: rgba(123,119,119,0.35);
    color: white;
}
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom .dropdown-item:focus{
    background-color: rgba(123,119,119,0.55);
    color: white;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: white;
    color: white;

}
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
body{
	padding-bottom: 55px;
	background-image: url("../images/symphony.png");
	background-repeat: repeat;
/*	 margin: 4rem 0;*/
}
/*
p {
	font-size: 1.3rem;
}
*/
#topbanner{
/*    background-color: #8A1618;*/
/*    height: 165px;*/
    background-image: url(../images/symphony.png);
		border-color: chocolate;
	border-width: thick;
	border-bottom-style: solid;
	
	
}
.despimag
{ background-color: #72bcd4; }
.desp
{ background-color: rgba(255, 255, 255, 0.75) }

#footer {
	height: 53px;
	background-color: #72bcd4;
	font-size: 1.1rem;
}
#footer img {
	height: 50px;
	padding-top: 5px;
	padding-left: auto;
	padding-right: auto;
	padding-bottom: 5px;
	
}
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #424242;
}
#carouselExampleIndicators1 {

}
#bul{
	background-color: #CD9A3B;
}
#sp{
	background-color: #732C1D;
}
#en{
	background-color: #8C1818;
}
#cn{
	background-color: #A6671B;
}
.btn {
	margin-bottom: 10px;
	color: black;

}
/*
#slider {
	padding-left: 0px;
	padding-right: 0px;
}
*/
h6{
    font-family: 'Alex Brush', cursive;
    font: bold;
	color: #72bcd4;
	font-size: 2rem;
	}
.btnt a {
  color: white;
  text-decoration: none; /* no underline */
}
.btnt {
    height: 40px;
    text-decoration: none; /* no underline */
    text-align: center;
    font-size: x-large;
    border-radius: 5px;
}

a {
    color:white;
    text-decoration: none
}
h2 {
	
	text-align: center;
	
}
/*
h5 {
	text-align: right;

}
*/


.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
/*  width: 50%;*/
}

#hero {
	/* [disabled]background-image: url(../images/homepage.png); */
	/*
	background-repeat: no-repeat;
	 [disabled]background-clip: content-box; 
	background-size: cover;
	background-position: 0% 100%;
*/
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
}
#accordion23{
/*
	 margin-left: 0px;
  margin-right: 0px;
*/
	padding-left: 0px;
	padding-right: 0px;
}

#map {
	/* [disabled]background-image: url(../images/homepage.png); */
	/*
	background-repeat: no-repeat;
	 [disabled]background-clip: content-box; 
	background-size: cover;
	background-position: 0% 100%;
*/
/*	position: relative;*/
	padding-left: 0px;
	padding-right: 0px;
}


.logofont{
	font-family: 'Merienda One', cursive;
	font-size: 1.25rem;
	
  }

.chineselogofont{
	font-family: 'Noto Serif TC', serif;
/*	font-size: 0.99rem;*/
	
}
#top{
	position: absolute;
	
	background-color: #A66844;
	top: 75px;
	width: 250px;
	/*	left: 0;*/
	right: 20px;
/*	width: 100%;*/
	/*	text-align: center;*/
	font-size: 1.1rem;
	font-family: 'Libre Baskerville', serif;
/*	text-shadow: 1px 3px 2px #4F4F4F;*/
	text-align: center;
/*	z-index: 53;*/
/*	visibility: visible;*/
}

#hero h2 {
	position: absolute;
	color: aliceblue;
	top: 10px;
/*	left: 0;*/
	right:20px;
/*	width: 100%;*/
	/*	text-align: center;*/
	font-size: 1.1rem;
	font-family: 'Libre Baskerville', serif;
	text-shadow: 1px 3px 2px #4F4F4F;
	text-align: right;
}
.img-fluid {
	margin-top: 10px;
/*	padding-top: 10px;*/
	
/*	width: 50px;*/
}

#footer .img-fluid {
	margin-top: 0px;
/*	padding-top: 10px;*/
	
/*	width: 50px;*/
}

/*
#hero h2 .btn{
		padding-left: 50px;
	margin-left: 10px;
	margin-right: 28px;
	text-align: center；;
	width: 128px;
}
*/


.border3{
	 
  border-radius: 25px;

}
#divder
{
	height: 3px;
	width: 80%;
	
	
	
}
#b2 {
	background-color: #002233;
	border-color: chocolate;
	border-width: thick;
	border-bottom-style: solid;
	color: rgba(255,255,255,1.00);
	border-top-style: solid;
	
	
}
/*
/*
/*
#fourlogo {
	width: 350px;
}
*/
#fourfont {
	font-size: 1.5rem;
	line-height: 1.70rem;
}

h1{
		font-size: 1.5rem;
}

h3 {
/*	position: absolute;*/
/*	color: aliceblue;*/
	top: 10px;
/*	left: 0;*/
	right:20px;
	width: 100%;
	/*	text-align: center;*/
/*	font-size: 1.1rem;*/
	font-family: 'Merienda One', cursive;
/*	font-style: italic;*/
/*	text-shadow: 1px 3px 2px #4F4F4F;*/
/*	text-align: right;*/
}
.panel {
  border-radius: 0.3rem;
  padding: 1rem;
/*  margin-bottom: 1rem;*/
  
}

 .white2 {
		background-color: rgba(253,253,253,0.73) ;
	}
.card-header{
	background-color: #734022;
	
}
.card-header h5{
	text-align: center;
}
a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}
/*
.navbar-brand .img-fluid {
	height: 86px;

}
*/

@media screen and (min-width:768px){

/*
	p {
	font-size: 1rem;
}
*/
.logoimage {
	margin-top: 5px;
}
#hero h2 {
	position: absolute;
	color: aliceblue;
	top: 40px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-family: 'Libre Baskerville', serif;
	text-shadow: 1px 3px 2px #4F4F4F;

}
	
	
.col-12 
	{
		margin-bottom: 10px;
	}
	
	#fourfont
	{
		font-size: 1.75rem;
	line-height: 1.70rem;
		padding-top: 2rem;
	}
	
	
}/**meidaclosed*/

@media screen and (min-width:576px){
	.border2{
	border: 4px solid #59321B;  
  border-radius: 25px;
}

	
	
}/**meidaclosed*/


@media screen and (min-width:1200px){
#sp{
	height:670px;
}
#en{
	height:670px;
}
#cn{
	height:670px;
}
	}/**meidaclosed*/





@media screen and (min-width:992px){


}/**meidaclosed*/#lunch {
}