:root{
	--G-color:rgb(0,160,176);
	--B-color:rgb(87,87,87);
	--LG-color: rgb(145,170,34);
	--DG-color: rgb(0,140,58);
	--BR-color: rgb(224,130,108);
}
.fb_dialog.fb_dialog_mobile.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in{
	bottom: 40pt !important;
}
.fb_dialog_content iframe{
	bottom: 48px !important;
	margin: 0 0 !important;
}
body{
	color:var(--B-color);
	overflow-x:hidden;
	line-height: 1.8rem
}

/*下拉選單改成hover*/
.dropdown>.dropdown-menu {
  top: 200%;
  transition: 0.3s all ease-in-out;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  top: 100%;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
/*下拉選單改成hover*/

/*麵包導航列*/
.arr-right .breadcrumb-item+.breadcrumb-item::before {
	content: "›";
	vertical-align:top;
	font-size: 1.75rem;
	line-height: 1.25rem;
}
.breadcrumb{
	margin-bottom: 0;
	padding-bottom: 0;

}
/*麵包導航列*/
a{
	color:#221714;
}
a:hover{
	text-decoration:none;
	color:#221714;
}


.text-G{
	color:var(--G-color);
}
.text-B{
	color:var(--B-color);
}
.ratio4-3{
   position: relative;
   width: 100%;
   padding-top: 75%; /* 4:3 Aspect Ratio */	
}

#MainMenu .FirstMenu>a{
	border-bottom:2px solid transparent;
}
#MainMenu .FirstMenu>a:hover{
	color:var(--G-color);
	border-bottom:2px solid var(--G-color);
}
#MainMenu .FirstMenu>.nav-link.active{
	color:var(--G-color);
	border-bottom:2px solid var(--G-color);
}
.MenuHover{
	color:var(--G-color) !important;
	border-bottom:2px solid var(--G-color)	
}
#header #headermenu li{
	color:rgba(255,255,255,.75);
	border-bottom:1px solid transparent;
}
#header{
	background-color:#fff ;
	position:fixed;
	z-index:999;
	width:100%;
}

@media (max-width: 992px){
	#header{
		background-color:rgba(0, 0, 0, 0.54) !important;
		color:#fff !important;
	}
}


#header #mobile .list-unstyled{
	font-size:1.1rem;
}
#header #mobile .list-unstyled li{
	line-height:3rem;
}
#header #mobile .list-unstyled li>a{
	color:var(--white)
}
.scrollTop{
	background-color:rgba(0, 0, 0, 0.54) !important;	
}
.scrollTopLink{
	color:#fff !important;
}
#footer{
	font-size:0.8rem;
	border-top:40px solid var(--G-color);
	color:#fff;
	position:absolute;
	z-index:2
}


@media (max-width: 576px) {
	html,body {
		font-size:14px;
	}


}

@media (max-width: 768px ) and (min-width: 576px) {
	html,body {
		font-size:14px;
	}


}

@media (min-width: 992px ) and (max-width: 1200px) {
	html,body {
		font-size:16px;
	}

}

@media (min-width: 1200px) {
	html,body {
		font-size:16px;
	}

}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes rotateIn {
  from {
	transform-origin: center;
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0;
  }

  to {
	transform-origin: center;
	transform: none;
	opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

/**
Fixing bootstrap columns for safari
 */
.row:before, .row:after{
 display: inline-block !important;
}



form.gsc-search-box{
	display: none
}
.gsc-webResult.gsc-result{
	border: none !important;
}
.gsc-control-cse{
	border: none !important;
	background-color: transparent !important;
}
.gsc-adBlock{
	display: none !important;
}
.gsc-above-wrapper-area{
	display: none !important;
}
button:focus{
	outline: none;
}
/* .gsc-control-cse{
    position: fixed;
    top: 0;
    background-color: transparent !important;
    border: 0px !important;
    z-index: 99;
} */

/*手機選單*/
.side-collapse-container-left{
	position:relative;
	left:0;
	transition:left .4s;
}
.side-collapse-container-left.out{
	left:70%;
}
.side-collapse-left {
/* 	top:50px; */
	bottom:0;
	left:0;
	width:100%;
	position:fixed;
	overflow:hidden;
	ransition:width .4s;
}
.side-collapse-left.in {
	width:0;
}
/*right*/
.side-collapse-container-right{
	position:absolute;
	right:0;
	transition:right .4s;
}
.side-collapse-right {
/* 	top:50px; */
	bottom:0;
	right:0;
	width:100%;
	position:absolute;
	overflow:hidden;
/* 	transition:width .4s; */
}
.side-collapse-container-right.out{
	right:0%;
}

#header #switch{
	z-index:99;
	background-color:transparent;
    padding: 5px;
    border-radius: calc( 2rem + 5px );
    background-color: var(--LighrGreen-color);
}
#header #switch i{
	font-size:2rem;
	width:2rem;
	height:2rem
}
#header #mobile{
	height:100vh;
	right:-100%;
	top:0;
	width: 80%;
	position:fixed;
	background-color: var(--G-color);
	z-index: 9;	
}		


	
@keyframes buttonmovetoleft{
    from {right:0%;}
    to {right:100% ;}
}	
@keyframes movetoleft{
    from {right:-100%;}
    to {right:0% ;}
}
@keyframes movetoright{
    from {right:0%;}
    to {right:-100%;}
}	
.move{
	animation:movetoleft .4s;
	right: 0% !important;
}	
.movebutton{
	animation:movetoleft .1s;
	position: absolute;
	right: 85%;
	top:30%;
	background-color: var(--G-color) !important;
}
.moveout{
	animation:movetoright .4s;
	width: 100%;
}
#header #mobilemenu li{
	background-color: transparent;
	font-weight: 200;
	letter-spacing: .1rem;
	border-bottom: 0.5px solid lightgrey;
}
#header #mobilemenu{
	font-size: 1.25rem;
}
#header #mobilemenu [type=search]::placeholder{
	color: white
}
/*手機選單*/