@charset "utf-8";
.hetai_cart {
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.10) !important;
	background-image:url(/upload/hetai_cart.png) !important;
	background-size: cover !important;
	background-position: top right !important;
	background-repeat: no-repeat !important;
}
.webmakerbg01 {
	background-image:url(/upload/webmakerbg01.jpg) !important;
	background-position: bottom right !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.webmakerbg02 {
	background-image:url(/upload/webmakerbg02.jpg) !important;
	background-position: top left !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.webmakerbg03 {
	background-image:url(/upload/webmakerbg03.jpg) !important;
	background-position: center left !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.bonniebg01 {
	background-image:url(/upload/bonniebg01.jpg) !important;
	background-position: bottom right !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.bgcolor01{
	background-color: #0766AA;
}
.bgcolor02{
	background-color: #EE1976;
}
.bgcolor_w{
	background-color: #FFFFFF;
}
.color01{
	color: #0766AA;
}
.color02{
	color: #7A4D24;
}
.color_w{
	color: #FFFFFF;
}
.color_y{
	color: #FED450;
}
.border-r {
	border-radius: 100px !important;
}

.f40 {
	font-size: 40px !important;
	line-height: 1.8;
  }
  
.f28 {
	font-size: 28px !important;
	line-height: 1.8;
  }
  
.f24 {
	font-size: 24px !important;
	line-height: 1.8;
  }
  
.f20 {
	font-size: 20px !important;
  }
  
.f18 {
	font-size: 18px !important;
	line-height: 1.8;
  }
  
.f16 {
	font-size: 16px !important;
	line-height: 1.8;
  }
  
.l-h18 {
	line-height: 1.8;
  }
  
.fw600 {
	font-weight: bold;
  }
  
 
  @media screen and (max-width: 1200px) {
	.f40 {
	  font-size: 36px !important;
	}
	.f28 {
	  font-size: 24px !important;
	}
	.f24 {
	  font-size: 22px !important;
	}
	.f20 {
	  font-size: 18px !important;
	}
	.f18 {
	  font-size: 16px !important;
	}
	.f16 {
	  font-size: 16px !important;
	}

  }
  @media screen and (max-width: 991px) {
	.webmakerbg02 {
		background-position: top left 15% !important;
	}
	.webmakerbg03 {
		background-position: center left 40% !important
	}
  }
  @media screen and (max-width: 768px) {

	.f40 {
	  font-size: 28px !important;
	}

  }
  @media screen and (max-width: 667px) {
	  .f16 {
		font-size: 14px !important;
	  }
  }