

/****************************************/

/* 白尼奈玉奶件 */

/****************************************/


    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }

    .fadeIn {
        opacity: 1.0;
    }

	#content1 .inviewfadeIn , #content2 .inviewfadeIn , #content3 .inviewfadeIn , #content4 .inviewfadeIn {
        opacity: 0;
		animation-delay:.6s;
		-webkit-animation-delay:.6s;
	}

	.inviewfadeInUp {
        opacity: 0;
		animation-delay:.1s;
		-webkit-animation-delay:.1s;
	}



/* 白尼奈玉奶件仄卅互日奻尺旦仿奶玉 */
    .inviewfadeInLeft , .inviewfadeInRight , .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        /*transition: 1.5s;*/
        transition: 1.0s;
    }
	.fadeIn {
        opacity: 0;
		animation-duration: 1.5s;
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}

	.top_text.inviewfadeInLeft {
        opacity: 0;
		animation-duration: .1s;
		animation-delay:1.9s;
		-webkit-animation-delay:1.9s;
	}


/* 白伉永皿隙 */

	.inviewflipInX {
		animation-delay:.3s;
		-webkit-animation-delay:.3s;
	}

	.inviewbounceInRight {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        transition: .8s;
		animation-duration: .2s;
	}


  /****************************************/

  /* 扔奈民田奈 */

  /****************************************/



  #search-container {
    overflow: hidden;
    float: right;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
  }
  #search-container:hover, #search-container:focus/*, #search-container:focus-within*/ {
    width: 25em;
    outline: none;
  }
  #search-container:hover #searchBar, #search-container:focus #searchBar/*, #search-container:focus-within*/ #searchBar {
    display: inline-block;
    width: 19em;
    border:1px solid #E60012;
   /* padding: 3px 3px 3px 10px;*/
		 padding: 7px 3px 7px 10px;
		margin-top: 2px;
  }

  #searchBar{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  	outline: none;
    float: left;
    width: 0em;
    background: #fff;
    color: rgb(14,11,22);
    font-size: 1em;
    font-weight: 500;
    padding: 0px;
    border: 0;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
  }




/****************************************/

/* 笢矢奈斥捼 */

/****************************************/



#company_area .inviewfadeIn , #recruit_area .inviewfadeIn , #contact_area .inviewfadeIn {
        opacity: 0;
		animation-delay:.4s;
		-webkit-animation-delay:.4s;
	}
