@charset "utf-8";
/* CSS Document */


.concept .conceptModule02 .txt {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 40px;
	width:90%;
	margin-left:5%;
	text-align:justify;
}

.concept .conceptModule02 .txt p {
    display: inline;
    border-bottom: 1px solid #CCC;
    padding: 0 0 4px 0;
	text-align:justify;
}







  .concept .conceptModule03 {
	
    background-image: url(""), url("");
    background-position: center 460px, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 60px auto, 3px 150px;
    padding: 0 0 0px 0;
    position: relative; 
	margin-bottom:-100px;
	}
    .concept .conceptModule03 .parallax_bg {
      background-image: url("../img/concept/pic_concept04.png");
      background-position: bottom bottom;
      background-repeat: no-repeat;
      background-size: 110% !important;
      height: 210px;
      margin: 0 0 180px 0; }
	  
	  .concept .conceptModule03 .inner {
    margin: -50px 0 0 0;
    padding: 0 20px 0 20px;
}

	  
    .concept .conceptModule03 h2 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: 3.6px;
      line-height: 45px;
      font-family:"微軟正黑體", "新細明體";
      color: #2E9648;
      margin: 0 0 1px 0;
      text-align: center;
	  margin-top:250px; }
    .concept .conceptModule03 .titWrap {
      margin: 0 0 36px 0;
      text-align: center; }
      .concept .conceptModule03 .titWrap h3 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 3.9px;
        line-height: 50px;
        display: inline-block;
        position: relative; }
        .concept .conceptModule03 .titWrap h3 .ico {
          position: absolute;
          top: -38px;
          left: -14px;
          width: 38px; }
    .concept .conceptModule03 .txt {
      font-size: 15px;
      font-weight: 400;
      letter-spacing: 0.75px;
      line-height: 40px;
      margin: 0 auto;
      text-align: center;
      width: 550px;
	  margin-top:0px; }
      .concept .conceptModule03 .txt p span {
        display: inline-block;
        border-bottom: 1px solid #CCC;
        width: 550px;
		text-align:center;
		
		}
    .concept .conceptModule03 .workListWrap {
      transition: 0.4s ease-in-out;
      -webkit-transition: 0.4s ease-in-out;
      background-image: url("../img/concept/bgi_concept_workList-pc.png");
      background-position: calc(100% / 2 + 26px) top;
      background-repeat: no-repeat;
      background-size: 1038px auto;
      margin: 0 auto 20px auto;
      height: 771px;
      padding: 82px 0 0 0;
     }
      .concept .conceptModule03 .workListWrap .workList {
        height: 290px;
        position: relative;
        width: 100%; }
        .concept .conceptModule03 .workListWrap .workList.open {
          transition: 0.4s ease-in-out;
          -webkit-transition: 0.4s ease-in-out;
          height: 473px; }
        .concept .conceptModule03 .workListWrap .workList li {
          overflow: visible;
          position: absolute;
          top: 0;
          left: 0; }
          .concept .conceptModule03 .workListWrap .workList li .imgWrap {
            display: inline-block;
            margin-right: 20px;
            height: 210px;
            position: relative;
            width: 210px; }
            .concept .conceptModule03 .workListWrap .workList li .imgWrap img {
              width: 130px; }
            .concept .conceptModule03 .workListWrap .workList li .imgWrap .detailBtn {
              transition: 0.6s ease-in-out;
              -webkit-transition: 0.6s ease-in-out;
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.36px;
              line-height: 18px;
              cursor: pointer;
              height: 80px;
              position: absolute;
              bottom: 50px;
              right: 150px;
              width: 70px; }
              .concept .conceptModule03 .workListWrap .workList li .imgWrap .detailBtn img {
                transition: 0.6s ease-in-out;
                -webkit-transition: 0.6s ease-in-out;
                opacity: 1;
                width: 100%; }
              .concept .conceptModule03 .workListWrap .workList li .imgWrap .detailBtn:hover {
                transition: 0.6s ease-in-out;
                -webkit-transition: 0.6s ease-in-out;
                opacity: 0.6; }
            .concept .conceptModule03 .workListWrap .workList li .imgWrap .txt {
              font-size: 20px;
              font-weight: 500;

              letter-spacing: 0.6px;
              line-height: 42px;
              padding: 14px 0 0 0;
              width: 230px; }
              .concept .conceptModule03 .workListWrap .workList li .imgWrap .txt span {
                font-size: 16px;
                font-weight: 600;
                letter-spacing: 2.4px;
                line-height: 22px;
                color: #2E9648;
                display: block;
                white-space: nowrap; }
                .concept .conceptModule03 .workListWrap .workList li .imgWrap .txt span span {
                  display: inline; }
          .concept .conceptModule03 .workListWrap .workList li.workItem01 {
            left: 50px;
            width: 241px;
			top:50px; }
          .concept .conceptModule03 .workListWrap .workList li.workItem02 {
            left: 300px;
			top:200px;}
          .concept .conceptModule03 .workListWrap .workList li.workItem03 {
            left: 350px;
			top:260px; }
          .concept .conceptModule03 .workListWrap .workList li.workItem04 {
            left: 403px; }
          .concept .conceptModule03 .workListWrap .workList li.workItem05 {
            left: 600px; }
          .concept .conceptModule03 .workListWrap .workList01 {
        transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out; }
         .concept .conceptModule03 .workListWrap .workList02 {
        transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
        height: 340px; }
        .concept .conceptModule03 .workListWrap .workList02 li {
          top: 200px; }
      .concept .conceptModule03 .workListWrap .workListDetailWrap {
        transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
        height: 0;
        overflow: hidden;
        position: relative;
        width: 1160px; }
        .concept .conceptModule03 .workListWrap .workListDetailWrap.open {
          transition: 0.4s ease-in-out;
          -webkit-transition: 0.4s ease-in-out;
          height: 183px; }
        .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc {
          background-image: url("../img/index/ico_shape.png");
          background-repeat: no-repeat;
          background-position: left top;
          background-size: 28px auto;
          display: block;
          opacity: 1 !important;
          padding: 28px 0 0 0;
          width: 1160px; }
          .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box {
            align-items: center;
            background-color: #2E9648;
            border-radius: 30px;
            color: #FFF;
            display: flex;
            padding: 29px 0 29px 0;
            width: 1160px; }
            .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box h3 {
              font-size: 20px;
              font-weight: 300;
              letter-spacing: 0.6px;
              line-height: 42px;
              align-items: center;
              display: flex;
              padding-left: 50px;
              margin: 0 0 12px 0;
              width: 235px; }
            .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box p {
              font-size: 15px;
              font-weight: 200;
              letter-spacing: 0.75px;
              line-height: 32px;
              margin: 0 29px 0 6px;
              width: 640px; }
            .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box .arrow {
              transition: 0.6s ease-in-out;
              -webkit-transition: 0.6s ease-in-out;
              align-items: center;
              background-image: url("../img/concept/ico_concept_line01-h114.png");
              background-position: left top;
              background-repeat: no-repeat;
              background-size: 3px 114px;
              display: flex;
              height: 96px;
              padding: 0 0 0 38px;
              text-align: center; }
              .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box .arrow img {
                width: 171px; }
              .concept .conceptModule03 .workListWrap .workListDetailWrap .detailDesc .box .arrow:hover {
                transition: 0.6s ease-in-out;
                -webkit-transition: 0.6s ease-in-out;
                padding: 0 0 0 48px; }
      .concept .conceptModule03 .workListWrap #detailDesc01 {
        margin-left: -128px; }
        .concept .conceptModule03 .workListWrap #detailDesc01 .detailDesc {
          background-position: 236px top; }
      .concept .conceptModule03 .workListWrap #detailDesc02 {
        margin-left: -478px; }
        .concept .conceptModule03 .workListWrap #detailDesc02 .detailDesc {
          background-position: 580px top; }
      .concept .conceptModule03 .workListWrap #detailDesc03 {
        margin-left: -826px; }
        .concept .conceptModule03 .workListWrap #detailDesc03 .detailDesc {
          background-position: 942px top; }
      .concept .conceptModule03 .workListWrap #detailDesc04 {
        margin-left: -303px; }
        .concept .conceptModule03 .workListWrap #detailDesc04 .detailDesc {
          background-position: 418px top; }
      .concept .conceptModule03 .workListWrap #detailDesc05 {
        margin-left: -656px; }
        .concept .conceptModule03 .workListWrap #detailDesc05 .detailDesc {
          background-position: 772px top; }
          .concept .conceptModule03 .workListWrap #detailDesc05 .detailDesc .box p {
            width: 840px; }
      .concept .conceptModule03 .workListWrap.open {
        transition: 0.4s ease-in-out;
        -webkit-transition: 0.4s ease-in-out;
        height: 954px; }



.concept .conceptModule01 {
    background-image: url(../img/concept/pic_concept02.png);
width:100%;
height:0;
padding-bottom:133%;
background-size:cover;
margin-bottom:0px;

}