@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

body{
	position: relative;
	font-family: 'Noto Sans TC', sans-serif;
    font-weight: 150;
	font-size: 16px;
}

.introduce-bg1{
	background-image: url("../images/introduce-bg1.jpg");
	background-size: cover;
	width: 100%;
}

.irr-bg1{
	background-image: url("../images/insureshop/bg/irr-bg1.jpg");
	background-size: auto ;
	width: 100%;
	
		margin:120px 0 30px 0
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	

}

.irr-bg2{
	background-image: url("../images/insureshop/bg/irr-bg2.png");
	background-size: auto ;
	width: 100%;
	
		margin:120px 0 30px 0
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	

}

.dark{
	background-color: #D1D1D1;
	width: 100%;
	color: #FFFFFF;
}

.dark .row{
	height: 300px;
}

.dark .blockquote-footer{
	color: #047268;
	margin-top: 30px;
}

.blockquote-reverse{
	float: right;
}

.introduce-bg2{
	background-color: #F6F6F6;
	padding: 60px;
}

.mtb-30{
	margin:120px 0 30px 0;
}

.menuTB{
	width: 70%;
}

.menuTB tr {
    white-space: nowrap;
}

.w-80{
	width: 80%;
}

.select-h90{
	height: 50px !important;
}

.content{

}

.progress{
	width: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
}

#navspy{
	background-color: #8ACFF7;
}

#navspy a{
	color: #010109;
}

@media (max-width: 992px){
	#navspy a.navbar-brand {
	    width: 75%;
	}

	#navspy a.nav-link {
    background-color: transparent;
	}

}

#navspy button {
    background-color: #8ACFF7;
}

.banner-block{
	position: absolute;
	top: 40%;
	left: -40%;
}

.banner-block h1{
	font-size: 5rem;
}

#about h1{
	color: #C2C2C2;
}

#about .text-p{
	color: #858585;
	margin-top: 80px;
}

.food-bg{
	background-image: url("../images/food-bg.png");
	background-repeat: no-repeat;
}

.block-title{
	padding: 10px;
    font-weight: 300;
    color: #006A73;
    position: absolute;
    top: 25%;
    left: 10%;
    font-size: 24px;
    background-color: rgba(255,255,255,0.4);
}

.menu-row-bg{
	background-color: #E3E3E3;
	padding: 100px 0;
}

.menuTB th, .menuTB td{
	vertical-align: middle;
	text-align: center;
	border:0px none;
}

.list-bg{
	background-color: #F5F5F5;
}

@media (min-width: 1023px) { 
	.list-bg{
		padding: 100px;
	}	
}



.list-content-bg{
	background-color: #E4E4E4;
	padding: 100px;
}

.contact-form{
	background-color: #E0E0E0;
	padding: 50px;
}

.page-footer{
	background-color: #C3C3C3;
	color: #FFFFFF;
	padding: 30px;
}

#toTop {
    position: fixed;
    bottom: 20px;
    right: 5px;
    display: none;
    background-image: url(../images/gotop.png);
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.introduce-bg2 .text{
	margin-bottom: 30px;
}

.mtb-35{
	margin-bottom: 35px;
}

@media (max-width: 575px){
	.contact-form .form-control-lg {
	    font-size: 1rem;
	}
}




.img-wrapper {
  position: relative;
 }

.img-responsive {
  width: 100%;
  height: auto;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 62%;
}

.img-overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay1:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 76%;
}




/* Container holding the image and the text */
.container-jeffrey {
  position: relative;
}

/* Bottom right text */
.text-block-jeffrey {
  position: absolute;
  left: 65%;
  top : 50%;
  padding-left: 0px;
  padding-right: 0px;  
}


/* ------------ float button -------------- */
.float-button {
	position: fixed;
	height: 80px;
	width: 80px;
	bottom: 20px;
	right: 0px;
	z-index: 9999;
	}
  
.float-bottom-button {
	position: fixed;
	height: 80px;
	left:0px;
	bottom: 0px;
	z-index: 9999;
	}