:root {
  --btn-transition: color .2s, opacity .4s
  cubic-bezier(.21, .6, .35, 1), transform .4s
  cubic-bezier(.21, .6, .35, 1); }

.btn-v1 {
  background: #14c145;
  transition: 0.4s; }
  .btn-v1:hover {
    background: #0f9d38; }

.btn-v1-empty,
.btn-v1 {
  --button-slide-text-2: translateY(-90%);
  --button-slide-text-hover-1: translateY(90%);
  --button-slide-text-hover-2: translateY(0%);
  --button-hover-content-transition: color 0.2s,opacity 0.4s cubic-bezier(0.21, 0.6, 0.35, 1),transform 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 15px; }
  .btn-v1-empty > span,
  .btn-v1 > span {
    transition: var(--button-hover-content-transition);
    color: #fff; }
  .btn-v1-empty > span:nth-child(1),
  .btn-v1 > span:nth-child(1) {
    transform: translateY(0); }
  .btn-v1-empty > span:nth-child(2),
  .btn-v1 > span:nth-child(2) {
    position: absolute;
    transform: translateY(-110%);
    opacity: 0; }
  .btn-v1-empty:hover > span:nth-child(1),
  .btn-v1:hover > span:nth-child(1) {
    opacity: 0;
    transform: translateY(110%); }
  .btn-v1-empty:hover > span:nth-child(2),
  .btn-v1:hover > span:nth-child(2) {
    opacity: 1;
    transform: translateX(0%) translateY(0); }

#home_banner {
  position: relative;
  z-index: 0;
  padding: 120px 20px 120px 20px; }
  #home_banner .bk_img {
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center; }
    #home_banner .bk_img:before {
      content: '';
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3); }
  #home_banner .inner {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto; }
    #home_banner .inner h2 {
      color: #fff;
      font-weight: bold;
      font-size: 50px;
      margin: 0 0  0.5em; }
    #home_banner .inner .t2 {
      color: #fff;
      font-size: 19px;
      margin-bottom: 30px; }
    #home_banner .inner .action {
      color: #fff;
      display: flex; }

  /*
  @import "footer";

  @import "header";
  @import "page";
  @import "form";
  @import "single_work";
  @import "cp";

  @import "ele_small_footer";
  @import "ele_more_posts";
  @import "ele_home_top";
  
  @import "ele_home_title1";
  @import "ele_download";

  @import "ele_five_circle";
  @import "ele_home_fox";

  @import "ele_home_class";

  @import "ele_home_call_action";

  @import "ele_home_feedback";

  @import "ele_about";

  @import "ele_consult";

  @import "ele_course";

  @import "v_modal";




  

  .home_bk1{
    background: linear-gradient(180deg, rgba(244, 238, 233, 0) 11.44%, #F7EFE8 51.8%);
    // background: linear-gradient(354.95deg, rgba(244, 238, 233, -1) 11.44%, rgb(247 239 232 , 0%) 51.8%);
    //  background: linear-gradient(354.95deg, rgba(244 238 233,1) 11.44%, rgba(247, 239, 232, 0) 51.8%);
  }

  .more_posts .action{
    z-index: 0;
  }

  .home .ct-container-full{ padding-top:0 !important; } 

  #header-menu-1 ul li a:hover{
    color:#8A7C75;
  }
  #header-menu-1 ul li.current_page_item a{
        text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
       color:#8A7C75;
  }
  #offcanvas nav ul li a:hover{
 color:#8A7C75;
  }
  #offcanvas nav ul li.current_page_item a{
     text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
       color:#8A7C75;
  }

  #offcanvas nav ul li a,
  #header-menu-1 ul li a{
 	font-family: "Noto Serif TC", serif;
    font-optical-sizing: auto;
  }

  */

/*# sourceMappingURL=style.css.map */